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

我假设您正在使用diaplsy:inline-block;一些块元素（如div）来实现您的布局。我很确定这是您的问题的原因（不是word-wrap），因为 IE7 无法识别inline-block.

这是从这里获取的内联块的 IE7 hack

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