目录
一:固定宽度
二: 完整宽度
一:固定宽度
将栅格放入一个带有 class="layui-container"
的特定容器中,以便在小屏幕以上的设备中固定宽度,让列可控(两侧有留白效果)
<!--固定宽度(两侧有留白效果)-->
<div className="layui-container" style="background-color:navajowhite;height: 300px">
固定宽度
</div>
测试效果:
二: 完整宽度
不固定容器宽度,将栅格或其它元素放入一个带有 class="layui-fluid"
的容器中,那么宽度将不会固定,而是 100% 适应
<!--完整宽度(占据屏幕的100%)-->
<div class="layui-fluid" style="background-color:yellow;height: 300px">
完整宽度
</div>
测试效果:文章来源:https://www.toymoban.com/news/detail-709390.html
文章来源地址https://www.toymoban.com/news/detail-709390.html
到了这里,关于Layui快速入门之第二节布局容器(固定宽度与完整宽度)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!