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。

这是针对来自here

的内联块的IE7黑客攻击

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