elementui layout（el-row）组件有横向滚动条（gutter）
Element UI 的 el-row 组件在使用时可以接收一个 gutter 属性，该属性用于设置行之间的间隔，从而可能会导致横向滚动条的出现。
如果你遇到了 el-row 组件出现横向滚动条的问题，可能是因为你设置了 gutter 属性，并且页面的宽度不足以满足所有行之间间隔的总宽度。
解决方法：
- 确保使用
el-row组件的父容器（通常是el-container或页面的直接子元素）具有合适的宽度，以便能够容纳设置的gutter值。 - 如果父容器宽度已经确定，检查是否有其他样式或布局问题导致横向滚动条出现。
- 如果不需要设置
gutter，移除gutter属性或将其设置为0。 - 如果需要保留间隔，可以通过调整父容器的宽度或减少
gutter值来确保不会出现横向滚动条。
示例代码：
<!-- 确保父容器宽度足够 -->
<el-container style="width: 100%;">
<el-row :gutter="20">
<!-- 列内容 -->
</el-row>
</el-container>如果父容器已经设置了 width: 100%，那么 el-row 的横向滚动条应当不会出现。如果父容器宽度不足，则需要调整宽度或减少 gutter 值。
评论已关闭