vue"element-ui中el-tables"标签表头与内容边框错位问题
vue"element-ui中el-tables"标签表头与内容边框错位问题
vue"element-ui中el-tables"标签表头与内容边框错位问题
非常感谢这位博主我是看了他的博客才发现问题的本质,以下是他原文地址
https://blog.csdn.net/Dg_Zing/article/details/86682480
最近在使用vue,element画页面的时候发现如下问题。
上图第二张来自原博主。
原博主给的一个非常强势万能的办法非常好用一点问题都没有。
原博主方法:
在index.html或App.vue文件(必须是入口文件,才能全局起作用)的style标签中添加如下样式:
body .el-table th.gutter{ display: table-cell!important; }
看到原博主说只在谷歌浏览器中出现这个问题,我就换了个浏览器试了一下。(火狐浏览器)发现问题确实只在谷歌浏览器出现。
最后,我发现本质其实是浏览器的缩放功能
将浏览器的**缩放比调至100%,**问题解决,也不需要添加上面的样式。
缩放比如何调整
以上是 vue"element-ui中el-tables"标签表头与内容边框错位问题 的全部内容, 来源链接: utcz.com/z/375257.html