HTML <hr> 标签的 align 属性 详解
HTML基础 2023-07-12 19:03:21小码哥的IT人生shichen
HTML <hr> 标签的 align 属性
实例
居中对齐的水平线：
<hr align="center" width="50%" />
完整实例【亲自试一试】：
<html>
<body>
<p>This is some text. This is some text. This is some text.</p>
<hr align="center" width="50%" />
<p><b>注释：</b>在 HTML 4.01 中，不赞成使用 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 align 属性。请使用 CSS 代替。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
align 属性规定水平线的水平对齐方式。
注释：除非 width 属性设置为小于 100%，否则 align 属性不会有任何效果。
浏览器支持
虽然不赞成使用 align 属性，但是该属性仍然得到所有主流浏览器的支持。
兼容性注释
在 HTML 4.01 中，不赞成使用 hr 元素的 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的 align 属性。
请使用 CSS 代替。
CSS 语法（IE 和 Opera）：<hr style="text-align:right" />
CSS 语法（Firefox、Chrome 以及 Safari）：<hr style="margin-right:0" />
CSS 语法（跨浏览器）：<hr style="text-align:right;margin-right:0" />
完整实例【CSS 实例：对齐 hr 元素】：
<html>
<body>
<p>This is some text. This is some text. This is some text.</p>
<hr style="width:50%;text-align:left;margin-left:0" />
<p>This is some text. This is some text. This is some text.</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
在我们的 CSS 教程中，您可以找到更多有关 text-align 属性 的细节。
语法
<hr align="value">
属性值
| 值 | 描述 |
|---|---|
| left | 左对齐水平线。 |
| right | 右对齐水平线（默认值）。 |
| center | 居中对齐水平线。 |
