el-col空白占位
时间: 2024-09-03 11:03:19 浏览: 56
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
el-col是Element UI库中的一个组件,用于创建栅格布局。当你需要在栅格系统中设置一些空白区域(如分隔列、留白等),可以使用el-col的`offset`属性。`offset`表示列向左偏移的格数,数值越大,空白的列越多。例如:
```html
<el-row>
<el-col :span="8" :offset="4"> <!-- 8格内容,左边距4格 -->
</el-col>
</el-row>
```
这里的`:offset="4"`就是设置了4个栅格单位的空白。这样可以让其他列紧邻其右侧,形成清晰的间距。如果你想在整个布局上设置空白,可以直接在最外层row上使用`offset`。
阅读全文