
layui表单中的inline和block:
block:
block元素会独自占一行,多个block元素各自新起一行,默认情况下 ,block元素宽度自动填充其父元素宽度
上面这段代码中,用到了class="layui-input-block"
最终页面显示如下:
两个输入框是单独一行的。
inline:
医院诊所网站源码小兵系统基于PHP+MYSQL开发,在文章内容网站的基础上,增加了诊所介绍、医生介绍、诊疗内容、新闻中心、联系我们等医院网站常用的栏目和测试数据,采用适合医院网站的专用模版,增强了系统的针对性和易用性。系统具有文章、图文、表单、咨询等基本系统模块和一系列网站辅助功能,用户也可根据自身特点任意创建和修改栏目,适合创建各类医院诊所网站。
inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化
上面用到的是 class="layui-input-inline"
页面结果是这样的:
就是两个输入框都在同一行。
更多layui知识请关注PHP中文网layui使用教程栏目。









