element踩坑小记一(el-row宽度溢出)

element踩坑小记一(el-row宽度溢出)

2023年6月20日发(作者:)

element踩坑⼩记⼀(el-row宽度溢出)在使⽤珊格系统时,如果使⽤了有分隔的布局也就是将gutter设置为⾮零时,会使页⾯宽度溢出出现滚动条破坏了布局美观性

原因是因为⽗容器没有设置⾜够的padding,所以会造成el-row宽度变长从⽽出现滚动条⽅法⼀:为⽗容器设置隐藏横向滚动条的样式overflow-x: hidden⽅法⼆:为⽗容器设置⼀定的padding,并且将box-sizing设置为border-box,padding的设置根据你需要设置的间隔来定padding: 0 10px;box-sizing: border-box;

发布者:admin,转转请注明出处:http://www.yc00.com/news/1687254156a167.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信