63 次浏览【转载需注明来源】
layui栅格之间默认没有间距,相邻的两个元素会紧挨着,就会不太好看,这个时候我们就需要用到一个类名 lay-栅格间隔;
间隔预设了很多种边距,分为:
1-30的间隔,例如:lay-栅格间隔1...lay-栅格间隔30
注意:
lay-栅格间隔 的类名要放在 lay-栅格行的盒子上。
一段实例参考如下:
<区块 类名="lay-容器">
<区块 类名="lay-栅格行 lay-栅格间隔10">
<区块 类名="lay-栅格中屏3">
<区块 类名="lay-红色背景">4/1</区块>
</区块>
<区块 类名="lay-栅格中屏3">
<区块 类名="lay-红色背景">4/1</区块>
</区块>
<区块 类名="lay-栅格中屏3">
<区块 类名="lay-红色背景">4/1</区块>
</区块>
<区块 类名="lay-栅格中屏3">
<区块 类名="lay-红色背景">4/1</区块>
</区块>
</区块>
</区块>
测试账号