element-plus侧边导航栏宽度突出一点解决方案_elementplus el-menu 侧栏宽度

作者：Gausst松鼠会 | 2024-03-12 20:52:15

踩

elementplus el-menu 侧栏宽度

问题描述

最近在学习用element-plus搭建我的网站，用到了侧边导航栏，给外层的div设置了高度后发现怎么有突出的地方看起来很不顺眼，一时间以为是卡了又是清缓存，又是重启项目的。后面审查元素发现是element的子元素少了1xp和外层div相差了1px，造成了视觉上突出的效果。

然后就是找这个1px到底差在哪，后面找到是发现element给这个el-emnu加上了与一个右边框border，因为边框是算在总宽度里面的嘛，所以就挤压了一点让颜色缩进了一些。

那知道问题所在了那就尝试解决一下吧，直接在<el-menu>标签上加上 style="border-right: none;" 就能解决问题。但是不方便阅读，你可以在样式表中选择el-menu给他单独写一个样式

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/225777