vue的el-row :gutter设置行间距
时间: 2024-02-21 15:54:36 浏览: 3520
调整行字间距
在Vue的Element UI中,可以使用el-row的gutter属性来设置行内列之间的间距(行间距)。这个属性通常用于控制列之间的水平间距,以增加页面的可读性和美观度。
以下是一个示例代码,演示了如何使用el-row的gutter属性来设置行间距为20px:
```html
<template>
<el-row :gutter="20">
<el-col :span="12">Column 1</el-col>
<el-col :span="12">Column 2</el-col>
</el-row>
</template>
```
在上述代码中,el-row的gutter属性被设置为20,表示行内列之间的间距为20px。这样,Column 1和Column 2之间就会有一个20px的间距。
注意:gutter属性的值可以是任意有效的CSS长度单位,例如px、rem等。
阅读全文