资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

​layui表单的inline元素和block元素介绍

layui表单中的inline和block:

创新互联是一家成都网站制作、做网站,提供网页设计,网站设计,网站制作,建网站,定制网站制作,网站开发公司,于2013年创立是互联行业建设者,服务者。以提升客户品牌价值为核心业务,全程参与项目的网站策划设计制作,前端开发,后台程序制作以及后期项目运营并提出专业建议和思路。

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://cdkjz.cn/article/pjiggg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220