css - IE7 重叠文字

Question

我的客户网站出现问题，其中主页上三列的文本重叠，导致整个主页中断。

我已将以下 CSS 样式添加到 body 标记中，希望这会修复它，但它没有:

  word-wrap: break-word; /* Current Browsers */
  -ms-word-wrap: break-word; /* IE8 */
  white-space: normal; /* IE7 Hack */

附件是显示 IE7 错误的两张图片，以及它应该是什么样子

我该怎么做才能确保在 IE7 中不会发生这种情况？它在 IE8 + 版本中运行良好

Answer 1

我假设您在某些 block 元素(如 div)上使用 diaplsy:inline-block; 来实现您的布局。我很确定这是你问题的原因(不是 word-wrap)，因为 IE7 不识别 inline-block。

这是从 here 获取的用于内联 block 的 IE7 hack

some-selector
{
    display: inline-block; /*for browser who support it*/
    *display: inline;      /*hack for IE7*/
    zoom: 1;
}