elmentl-ui表格中表头高度太高，如何解决

最新推荐文章于 2024-10-06 22:32:10 发布

原创最新推荐文章于 2024-10-06 22:32:10 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

本文为博主原创文章，转载请标明出处！

文章标签：

#css

vue 专栏收录该内容

2 篇文章

订阅专栏

本文解决了一个常见的网页布局问题，即元素的行高设置过高导致的显示异常。通过调整CSS样式，将.line-height从461调整为20px，解决了布局过于宽松的问题。

这个主要是布局的时候设置的高度太高，可能有很多人没注意，这个确实费劲

//原始：
.el-main {
    background-color: #e9eef3;
    color: #333;
    /* text-align: center; */
    line-height: 461;
}
//修改：
.el-main {
    background-color: #e9eef3;
    color: #333;
    /* text-align: center; */
    line-height: 20px !important;
}