ie6的文字行高表现

IE6中字体与行高问题

最新推荐文章于 2021-08-05 12:10:16 发布

weixin_30593443

最新推荐文章于 2021-08-05 12:10:16 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/my_front_research/articles/1895441.html

2010年07月16日 18:32

问题描述：body中设置的字体“宋体”在ie6中影响了文字行高的显示位置会偏上，而在其它浏览器中并不存在这种现象。代码如下：

<style type="text/css">
body,p {
    margin:0;
    padding:0;
}
body { font:12px/1.5 "宋体", Arial, Helvetica, sans-serif; }
.desc{
     width:400px;
     border:1px solid red;
     color:#800000;
     text-align:center;
     font-weight:bold;
}
p {
    margin-top:4px;
    background:silver;
}
</style>
</head>
<body>
    <p class="desc">其实这与字体设置有一定的关系</p>
    <p>我在ie6下是偏上显示的，哈哈！</p>
    <p>English words display</p>
</body>

为了解决这个问题，就不能把宋体放在最前面，使用Arial就不存在这样的问题。

ps:这里额外提供两个使用line-height的注意事项：

1.行高设置不可高过高度设置，否则在ie6中将会自动扩展以最高高度为准；
2.行高若是为奇数，则在不同浏览器中上下填充的行空解析不一致，如行高为21px，字体为14px，谷歌浏览器上为3px，下为4px，而火狐相反。建议设置行高为偶数。

转载于:https://www.cnblogs.com/my_front_research/articles/1895441.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。