html - 对齐 div 内的内容

标签 html css text-align

我使用 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/

相关文章:

html - CSS 子边距不扩展父级

css - 是否可以仅使用 css 而不使用其他任何东西来制作以下形状

html - 使用 CSS 在同一行上将文本左右对齐

html - 在同一行输入文本字段和复选框

Javascript knockout 绑定(bind)嵌套对象不起作用

javascript - 如何将 Canvas 的像素大小加倍?

html - 在不能有换行符的相邻元素之间允许换行符

css - 在 h3 类 (WordPress) 上使用背景图片

html - 对齐表格单元格中的文本

css - 左对齐 dl-水平、dt 和 dd