介绍：

在网站开发中，当使用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</区块>
		</区块>
	</区块>
</区块>

采纳500+送小米笔记本电脑