“线高”风格是否安全使用？

Question

我想知道 line-height 样式属性在布局和设计方面是否可以安全使用？

我有一个问题，在IE6和IE7中，文本行之间的空间较小，但在所有其他主流浏览器中都可以正常工作。

所以我添加了line-height:20px;，现在它在IE6和7中看起来也不错，但有趣的是，在Chrome或Firefox，Opera或Safari中，行高没有变化！

有人知道为什么没有改变吗？

以下是代码：

<font color="#000000" face="Tahoma, Geneva, sans-serif" style="font-size:13px; font-weight:bold; line-height:20px;">

由于

Answer 1

要回答你的问题，行高非常安全。但是，<font>不是。它在HTML 4.01中已弃用，并从HTML5中删除。您应该使用CSS作为字体颜色和字体系列。它在你提到的其他浏览器中似乎没有变化的原因可能与<font>是表示标签有关，而不是结构性的，但这只是猜测。

CSS：

.specialText {
    color:#000;
    font:bold 13px Tahoma, Geneva, sans-serif;
    line-height:20px;    
}

HTML：

<span class="specialText">My special text</span>

Answer 2

不要再使用<font>标记了，因为HTML5不支持它。您最好的选择是使用嵌入式/外部CSS。这是一个例子：

HTML

<span class="example">Your text here</span>

CSS

.example{
line-height:20px;
color:#000;//#000000 is the same thing
font:bold 13px Tahoma, Geneva, sans-serif;
}