vue"element-ui中el-tables"标签表头与内容边框错位问题

vue

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

回到顶部