我想知道行高属性样式在布局和设计方面是否可以安全使用?
我有一个问题,在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;">
Run Code Online (Sandbox Code Playgroud)
谢谢
要回答你的问题,行高非常安全.但是,<font>不是.它在HTML 4.01中已弃用,并从HTML5中删除.您应该使用CSS作为字体颜色和字体系列.它在你提到的其他浏览器中似乎没有变化的原因可能与<font>表示标签有关,而不是结构性的,但这只是猜测.
CSS:
.specialText {
color:#000;
font:bold 13px Tahoma, Geneva, sans-serif;
line-height:20px;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<span class="specialText">My special text</span>
Run Code Online (Sandbox Code Playgroud)