【elementUI】:header-cell-style 修改表头高度为什么无效？

最新推荐文章于 2024-07-09 14:48:52 发布

不停止的程序

最新推荐文章于 2024-07-09 14:48:52 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/ikEason_/article/details/125936501

版权

24 篇文章 5 订阅

订阅专栏

本文探讨了在CSS中header-cell-style的height设置不起作用的情况。问题在于line-height属性值需大于默认值，才能确保高度修改成功。行高决定了元素基线之间的最小距离，并影响块级元素的尺寸。解决方案是调整相关元素的line-height，使其大于设定的高度。

摘要由CSDN通过智能技术生成

在这里插入图片描述

:header-cell-style="{
          background: '#FAC3B3',
          color: '#4A4A4B',
          height: '22px',
        }"

你给500px 1000px 都有用

修改标签el-main的line-height属性值，只有当其大于默认的行高，才能修改成功

行高可以理解为任意两条相对的线的距离，对于块级元素，行高定义了该元素基线之间的最小距离。很容易发现，行内元素也是由line-height撑开的。

大于行高的高度都可以修改

关注

专栏目录