HTML <div> 标签的 align 属性 详解
HTML基础 2023-07-12 15:51:09小码哥的IT人生shichen
HTML <div> 标签的 align 属性
实例
文档中的一个部分居中对齐：
<div align="center">
This is some text!
</div>
完整实例【亲自试一试】：
<html>
<body>
<p>这是一个段落。没有规定对齐方式。</p>
<div align="center" style="border:1px solid red">
这是 div 元素中的文本！
</div>
<p>这是一个段落。没有规定对齐方式。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
align 属性规定 div 元素中的内容的水平对齐方式。
浏览器支持
所有浏览器都支持 align 属性。
兼容性注释
在 HTML 4.01 中，不赞成使用 div 元素的 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 div 元素的 align 属性。
请使用 CSS 代替。
CSS 语法：<div style="text-align:center">
完整实例【CSS 实例：对齐 div 元素中的文本】：
<html>
<body>
<p>这是一个段落。没有规定对齐方式。</p>
<div style="text-align:center;border:1px solid red">
这是 div 元素中的文本。
</div>
<p>这是一个段落。没有规定对齐方式。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
在我们的 CSS 教程中，您可以找到更多有关 text-align 属性的细节。
语法
<div align="value">
属性值
| 值 | 描述 |
|---|---|
| left | 左对齐内容。 |
| right | 右对齐内容。 |
| center | 居中对齐内容。 |
| justify | 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。 |
