IE7 重叠文本

【问题标题】：IE7 Overlapping TextIE7 重叠文本
【发布时间】：2013-08-29 23:09:21
【问题描述】：

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

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

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

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

我可以做些什么来确保在 IE7 中不会发生这种情况？它在 IE8 + 版本中运行良好

【问题讨论】：

【解决方案1】：

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

这里是来自here的内联块的 IE7 hack

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

【讨论】：