文本在 IE 和 FF 中未居中对齐答案

【问题标题】：Text not centrally aligned in IE and FF文本在 IE 和 FF 中未居中对齐
【发布时间】：2011-03-02 08:43:50
【问题描述】：

在 Chrome/Safari 中运行良好，但在 FF 和 IE 中，最底部的黑条文本（有版权）由于某种原因没有居中对齐。

HTML：

    <div class="copyright">
        Copyright &copy; 2011 Scirra.com.  All rights reserved.
    </div>
</body>
</html>

CSS：

.copyright
{
    color: white;
    text-align:center;
    background-color: #000000;
    font-size: 12px;
    padding: 3px;
}

编辑

Answer 解决了对齐问题，但是 firefox 只有水平滚动的 bug：

【问题讨论】：

【解决方案1】：

将overflow: hidden; 添加到您的.footerWrapper 类中。 -20px margin-bottom 导致移位，并将其溢出设置为 hidden 修复它：

【讨论】：

【解决方案2】：

您正在使用 Mozilla 的 box-shadow CSS，这会导致水平滚动条。这不是错误，而是导致问题。

【讨论】：

这样的偏移：-moz-box-shadow: -15px 0px 15px #555;作品。不完美，但这是一个很好的折衷方案。无论如何，我可能会删除这些并更新背景图像。