IE7切割字母底部

时间:2011-07-26 16:56:05

标签: css internet-explorer-7

我的几乎所有文字在IE7中都是这样的

enter image description here

结构:

<div>
  <span>Andrea</span>
</div>
<div>
  <span>Puglisi</span>
</div>

CSS:

div {

    font-size: 35px;
    height: 35px;
    line-height: 35px;
    padding-top: 5px;
}

我尝试增加身高等,没有任何作用。

2 个答案:

答案 0 :(得分:2)

增加行高(连同高度)直到问题消失或完全删除行高(和高度)并让浏览器为指定的字体大小设置默认行高(当div扩展为内容时) )。

div {
    font-size: 35px;
    height: 45px;
    line-height: 45px;
    padding-top: 5px;
}

div {
    font-size: 35px;
    padding-top: 5px;
}

答案 1 :(得分:0)

您只需在底部添加一些填充即可解决问题。

padding-bottom:10px;