Layui快速入门之第二节布局容器(固定宽度与完整宽度)

目录

一:固定宽度

二: 完整宽度


一:固定宽度

             将栅格放入一个带有 class="layui-container" 的特定容器中,以便在小屏幕以上的设备中固定宽度,让列可控(两侧有留白效果)

  
    
固定宽度

测试效果:

Layui快速入门之第二节布局容器(固定宽度与完整宽度)_第1张图片

二: 完整宽度

           不固定容器宽度,将栅格或其它元素放入一个带有 class="layui-fluid"的容器中,那么宽度将不会固定,而是 100% 适应

 
      
完整宽度

测试效果:

Layui快速入门之第二节布局容器(固定宽度与完整宽度)_第2张图片

你可能感兴趣的:(Layui,layui,前端,javascript)