线高不能正常工作

Question

CSS ：
span{line-height:25px;}

的 HTML ：
<div><span>16<br>Fri.</span></div>

然而，div的高度 49.6px ，行高为24.8px。
只有一台电脑有这种情况 其他高度为50px 怎么解决？

Answer 1

您可以使用display: inline-block进行修复。

内联元素无法调整大小。将其视为只能着色的简单文本。

span{
  line-height: 25px;  
}

<div><span>16<br>Fri.</span></div>