当前位置: 首页 > 工具软件 > GutterColor > 使用案例 >

关于el-row中gutter属性未生效的原因

扈阳辉
2023-12-01

1、el-col中设置的了style样式,会导致gutter间距样式不起作用,建议直接加class。

// 错误代码
<el-row :span="24" :gutter="20" class="pages-item-text">
  <el-col :span="8" class="pages-item">
    <div style="color:#ffa500">提示信息</div>
  </el-col>
</el-row>

// 正确代码
<el-row :span="24" :gutter="20" class="pages-item-text">
  <el-col :span="8" class="pages-item">
    <div class="infor-color">提示信息</div>
  </el-col>
</el-row>

```css
.infor-color {
  color:#ffa500
}

2、el-col 中间应该存在div元素去包裹更多的内容,而不是直接放置文字或标签

3...待补充

 类似资料: