这个屌丝很懒，什么也没留下！

elementui layout（el-row）组件有横向滚动条（gutter）_el-row gutter

作者：知新_RL | 2024-02-20 04:01:56

el-row gutter

<html>
	<body>
		<el-row :gutter="20">
			<el-col :span="12">1</el-col>
			<el-col :span="12">2</el-col>
		</el-row>
	</body>
</html>
1
2
3
4
5
6
7
8

当el-row的gutter属性有值的时候，会出现横向滚动条。
plus版本有同样的问题。

给el-row组件的任何一级父元素设置一定的padding 或者 margin值，而且该值要大于等于gutter，横向滚动条才能消失。

body {
 padding: 0 20px;
 /* margin: 0 20px; */
}
1
2
3
4

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】