html - 对齐 div 内的内容

Question

我使用 CSS 样式文本对齐来对齐 HTML 容器内的内容。当内容是文本或浏览器是 IE 时，这工作正常。但除此之外它不起作用。

顾名思义，它主要用于对齐文本。 align 属性早就被弃用了。

还有其他方法可以对齐 html 中的内容吗？

Answer 1

text-align 对齐文本和其他内联内容。它不对齐 block 元素子元素。

为此，您需要为要对齐的元素指定一个宽度，并使用“自动”左右边距。这是符合标准的方式，适用于除 IE5.x 以外的任何地方。

<div style="width: 50%; margin: 0 auto;">Hello</div>

要使其在 IE6 中正常工作，您需要确保 Standards Mode通过使用合适的 DOCTYPE 打开。

如果你真的需要支持 IE5/Quirks 模式，现在你真的不应该支持，可以结合两种不同的居中方法:

<div style="text-align: center">
    <div style="width: 50%; margin: 0 auto; text-align: left">Hello</div>
</div>

(显然，样式最好放在样式表中，但内联版本是说明性的。)