IE 行间距答案

【问题标题】：IE space between rowsIE 行间距
【发布时间】：2010-10-29 11:47:13
【问题描述】：

我的网站看起来与 FF 和 IE (http://www.kiubbo.com) 非常不同，您可以看到它在 IE 8 中的“.news_item”行之间有很多空格

如果有人知道为什么？

谢谢

【问题讨论】：

【解决方案1】：

对于在兼容节点中运行的 IE（即像旧版本的 IE），你的空

<span class="news_item_title"></span>

在每个新闻项目的末尾似乎在 IE 和 FF 之间呈现不同。你真的需要它吗？

如果您特别担心的是 IE8，请通过将相关元标记添加到您的页面来强制其进入标准模式：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

这使得页面呈现几乎与 FF 相同，除了顶部广告的对齐方式不同。

【讨论】：

【解决方案2】：

验证代码。页面中的 w3C 验证器found 57 errors，其中一些会影响布局。

关于如何呈现正确代码的标准非常明确，但没有关于如何呈现不正确代码的标准。浏览器只是试图充分利用它，但它们有不同的方法来处理不正确的标记。

【讨论】：

【解决方案3】：

ie 和 ff 在 padding 和 margin 行为上的区别，在“.news_item”类中使用它

【讨论】：

【解决方案4】：

我建议使用列表来定义行而不是一堆 div，因为它更符合语义。这也有助于解决您遇到的空间问题。

【讨论】：