当前位置:  开发笔记 > 前端 > 正文

IE7正在剪辑我的文字.我该如何调整态度?

如何解决《IE7正在剪辑我的文字.我该如何调整态度?》经验,为你挑选了2个好方法。

几天前,我重新涂了我的网站.这个皮肤的开发主要是使用safari进行的,正如预期的那样,使用firefox和opera都可以很好地完成.我不得不为IE7做一些小调整,但没什么,除了一个问题......

在IE中,帖子的日期指示符被截断.这个问题似乎只发生在左浮动div内的嵌套span标签上.我想我需要浮动div来布局屏幕左侧和右侧的文本.

你们中的任何人都知道如何阻止IE7剪辑我的文字吗?

编辑:我有点放弃这个问题.我的脚本现在检查IE7并提供它有限的引擎可以处理的简化HTML.它适用于IE8,所以,就目前而言,只有IE7的特殊情况才能做到......



1> 小智..:

在IE6或7剪辑文本底部的大多数情况下,只需添加:

line-height: normal;

关于CSS规则.应该很好地解决它,但正如你所理解的,它也扩展了盒子.



2> 小智..:

我发现有一个黑客修复了IE中切断文本的问题.我注意到我标题中的最后一行是唯一一个被切断的行.

我的原始CSS在IE7中切断了最后一行,但在其他浏览器中看起来很好:

h2 {
   font-size: 22px;
   line-height: 1em;
}

请在此处查看问题图片:https://skitch.com/pablohart/f4g3i/windows-7-x64

我做的修复包括简单地在底部添加填充,然后以负边距将填充带回来.像这样:

h2 {
   font-size: 22px;
   line-height: 1em;
   padding-bottom: 5px;
   margin-bottom: -5px;
}

在此图像中查看修复图片:https://skitch.com/pablohart/f4g4h/windows-7-x64

line-height的问题:正常; 是它采用字体的默认行高,通常是1.3em.

推荐阅读
谢谢巷议
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有