快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

​layui表单的inline元素和block元素介绍-创新互联

layui表单中的inline和block:

目前成都创新互联公司已为超过千家的企业提供了网站建设、域名、网站空间绵阳服务器托管、企业网站设计、柳南网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

block:

block元素会独自占一行,多个block元素各自新起一行,默认情况下 ,block元素宽度自动填充其父元素宽度

上面这段代码中,用到了class="layui-input-block"

最终页面显示如下:

​layui表单的inline元素和block元素介绍两个输入框是单独一行的。

inline:

inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化

上面用到的是 class="layui-input-inline"

页面结果是这样的:

​layui表单的inline元素和block元素介绍就是两个输入框都在同一行。

以上就是layui表单中的inline和block介绍的详细内容,更多请关注创新互联网站制作公司其它相关文章!


分享题目:​layui表单的inline元素和block元素介绍-创新互联
网页链接:http://6mz.cn/article/dddspo.html

其他资讯