119 次浏览【转载需注明来源】
介绍:
在网站开发中,当使用layui的栅格无法占满宽度时,可以使用layui的栅格偏移来向右移动占位。
效果:
lay-栅格xx偏移的具体效果为:当前栅格向右移动多少份栅格位。
知识点:
lay-栅格xx偏移分为1-12个类名 ,例如:lay-栅格大屏偏移1....lay-栅格大屏偏移12。
lay-栅格xx偏移分别有四种类型,分别是:大屏(桌面大型屏幕)、中屏(桌面中型屏幕)、小屏(平板)、超小屏(手机)。
lay-栅格xx偏移 ,这里的类名组成就是 lay-栅格(屏幕类型:大屏,中屏,小屏,超小屏)偏移(1-12),例如:lay-栅格大屏偏移1
一段layui栅格中屏偏移的实例代码如下:
<区块 类名="lay-容器">
<区块 类名="lay-栅格行">
<区块 类名="lay-栅格中屏1">
<区块 类名="lay-红色背景">12/1</区块>
</区块>
<区块 类名="lay-栅格中屏10 lay-栅格中屏偏移1">
<区块 类名="lay-红色背景">12/10 偏移12/1</区块>
</区块>
</区块>
</区块>
测试账号