用js写入style标签的line-height为什么不生效?

闲着没事写了个自动生成棋盘格的js代码,想所有东西都用js实现

写入样式表的其他样式都正常,只有line-height不生效,求教为什么,代码如下

这里传入的width和height是我生成dom树的时候计算出来的,数值没有问题
clipboard.png

chrome devtools 的样式表如下,虽然看起来生效了,但是height值并没有被称高,只有被字体默认撑起的50px
clipboard.png

还望解惑!

阅读 4.8k
1 个回答

把line-height放在font之后。
因为font定义中会覆盖掉之前的line-height设置,即使写的方式不是36px/92px这种形式

推荐问题
宣传栏