layUi调整复选框间距
时间: 2024-01-24 15:03:43 浏览: 106
纯CSS3复选框开关按钮切换特效特效代码
在Layui中,可以通过使用列间距的预设类来调整复选框之间的间距。列间距可以通过添加不同尺寸的边距类来实现。Layui提供了12种不同尺寸的边距,包括1px-30px的双数间隔和1px、5px、15px、25px的单数间隔。你可以在复选框所在的父级容器上添加对应的边距类来调整复选框之间的间距。例如,你可以在包含复选框的div元素上添加"layui-col-space10"类来设置10px的间距。示例代码如下:
```html
<div class="layui-row layui-col-space10">
<div class="layui-col-md4">复选框1</div>
<div class="layui-col-md4">复选框2</div>
<div class="layui-col-md4">复选框3</div>
</div>
```
在上述代码中,通过在包含复选框的div元素上添加"layui-col-space10"类,可以设置复选框之间的间距为10px。你可以根据需要选择不同的边距类来调整复选框之间的间距。
阅读全文