使用el-row文本和内容重合怎么处理
时间: 2024-03-04 10:49:33 浏览: 186
Element-UI 使用el-row 分栏布局的教程
如果 el-row 中的文本和内容重合了,可以通过设置 el-row 标签的 gutter 属性来调整其内部元素之间的间距,从而让文本和内容不再重合。gutter 属性的值为一个数字,代表着内部元素之间的间距大小,单位为像素。
例如,如果将 gutter 属性设置为 20,那么 el-row 中的内部元素之间的间距就会变为 20 像素,从而可以使文本和内容之间产生一定的间距,避免重合。示例代码如下:
```
<el-row :gutter="20">
<el-col :span="12">这是一段文本</el-col>
<el-col :span="12">这是一段内容</el-col>
</el-row>
```
在这个例子中,我们将 el-row 的 gutter 属性设置为 20,然后在其内部添加了两个 el-col 元素,分别用来显示文本和内容。这样就可以通过调整间距来解决文本和内容重合的问题了。
阅读全文