当前博客:05、lay-栅格间隔的使用与理解

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

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

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

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</区块>
		</区块>
	</区块>
</区块>

05、lay-栅格间隔的使用与理解