el-col 如何设置间距
时间: 2023-11-08 19:07:46 浏览: 185
要在 `el-col` 中设置间距,可以使用 `padding` 或 `margin` 属性。
如果要为整个 `el-col` 设置内边距,可以使用 `padding` 属性,例如:
```html
<el-row>
<el-col :span="12" :style="{padding: '20px'}">内容</el-col>
<el-col :span="12" :style="{padding: '20px'}">内容</el-col>
</el-row>
```
如果要为 `el-col` 之间设置外边距,可以使用 `margin` 属性,例如:
```html
<el-row>
<el-col :span="12" :style="{marginRight: '20px'}">内容</el-col>
<el-col :span="12">内容</el-col>
</el-row>
```
你也可以将间距设置为变量,例如:
```html
<el-row>
<el-col :span="12" :style="{padding: `${paddingSize}px`}">内容</el-col>
<el-col :span="12" :style="{padding: `${paddingSize}px`}">内容</el-col>
</el-row>
```
```html
<el-row>
<el-col :span="12" :style="{marginRight: `${marginSize}px`}">内容</el-col>
<el-col :span="12">内容</el-col>
</el-row>
```
希望对你有所帮助!