html - IE 没有正确对齐我的文本

Question

我在 Firefox 和 Chrome 上检查了这个网站，“发布”部分的对齐看起来是正确的:http://www.mysecretathens.gr/Sera/releases.html

但是如果您出于某种原因在 Internet Explorer 中打开该页面，您会看到一些文本居中对齐。我一直在努力解决这个问题，找不到解决方案。

我想知道我在表格格式中使用的伪元素是否导致了问题

table td:nth-child(even) {text-align:center; }

但我认为情况并非如此。有什么想法吗？

Answer 1

首先，您的导航 anchor 是 float 的 - 您在哪里进行清理以维护 block 状结构？这就是您的导航在 IE 7 中损坏的原因。

我认为 IE 7 不支持 CSS 中的第 nth-child - 您可能必须通过 Jquery 执行此操作，或者在您希望内容居中的表格单元格上添加一个类。

希望对你有帮助

污秽

/**此处更新答案*****/

我认为您值得阅读“清除” float 元素 here

由于 IE 7 和 6 是一个完整的 B&#@H，有时您必须能够以其他方式开发您想要的东西，以适应这些像浏览器这样的败类。所以，这是一个 Jsfiddle根据当前标准，您的“nav”css 和 html 应该是什么样子。

此外，我认为您需要温习一下何时使用“id”而不是“class”-在这种情况下，您将/应该在您的 HTML 中只有一个“nav”，因此您希望为其提供一个ID，因为它是唯一的。

如果您想要内联导航，我发现最好 float “li”元素，并在导航后通过添加类“clearfix”完成清除>”到“ul”并相应设置样式。

关于“clearing”的简短示例，我在包含段落的 nav 之后有一个 div。如果从“nav”中删除类“clearfix”，您将看到“paragraph”与“nav”，因为它应该。所以这就是为什么清除所有 float 元素很重要。

至于您的表格居中问题，我给您的 Jsfiddle 是可行的方法，因为它适用于所有浏览器和移动设备。