当前博客:03、关于layui的容器样式

88 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在layui中,最常用最基础的是lay-容器这个样式类;它是一个响应式的类名,最主要的作用是在不同设备大小下,自动展示对应的宽度大小。

例如:小屏幕以上的设备中固定宽度,让列可控。最典型的是在PC端会设置一定的宽度且居中。

重点:在写响应式页面的时候,如果不是全屏的页面,建议每个板块都包裹一层 lay-容器。

一段基础的lay-容器案例如下:

<区块 类名="lay-容器">
    // 代码内容...
</区块>

 

注意:如果需要盒子100%的填满父元素,则需要使用lay-流体容器,它的用法与lay-容器一致,也是一个样式类。不过lay-流体容器不会自身响应式,而是100%的填满父宽度。

03、关于layui的容器样式