当前位置:   article > 正文

关于el-row中gutter属性未生效的原因_el :gutter="20" 没效果

el :gutter="20" 没效果

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

  1. // 错误代码
  2. <el-row :span="24" :gutter="20" class="pages-item-text">
  3. <el-col :span="8" class="pages-item">
  4. <div style="color:#ffa500">提示信息</div>
  5. </el-col>
  6. </el-row>
  7. // 正确代码
  8. <el-row :span="24" :gutter="20" class="pages-item-text">
  9. <el-col :span="8" class="pages-item">
  10. <div class="infor-color">提示信息</div>
  11. </el-col>
  12. </el-row>
  13. ```css
  14. .infor-color {
  15. color:#ffa500
  16. }

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

3...待补充

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/118307
推荐阅读
相关标签
  

闽ICP备14008679号