我使用 CSS 样式文本对齐来对齐 HTML 容器内的内容。当内容是文本或浏览器是 IE 时,这工作正常。但除此之外它不起作用。
顾名思义,它主要用于对齐文本。 align 属性早就被弃用了。
还有其他方法可以对齐 html 中的内容吗?
最佳答案
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>
(显然,样式最好放在样式表中,但内联版本是说明性的。)
关于html - 对齐 div 内的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/684634/