HTML <hr> 标签的 width 属性

HTML <hr> 标签

实例

宽度为 50% 的水平线：

  1. <hr width="50%" />

定义和用法

width 属性规定水平线的宽度，以像素计或百分比计。

浏览器支持

虽然不赞成使用 width 属性，但是该属性仍然得到所有主流浏览器的支持。

兼容性注释

在 HTML 4.01 中，不赞成使用 hr 元素的 width 属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的 width 属性。

请使用 CSS 代替。

CSS 语法：<hr style="width:50%" />

CSS 实例：设置 hr 元素的宽度

  1. <p>普通的水平线：</p>
  2. <hr />
  4. <p>宽度为 50% 的水平线：</p><p>普通的水平线：</p>
  5. <hr />
  7. <p>宽度为 50% 的水平线：</p>
  8. <hr style="width:50%" />
  9. <hr style="width:50%" /<p>普通的水平线：</p>
  10. <hr />
  12. <p>宽度为 50% 的水平线：</p>
  13. <hr style="width:50%" />

在我们的 CSS 教程中，您可以找到更多有关 width 属性 的细节。

语法

  1. <hr width="value">

属性值

值 描述
pixels 规定以像素计的宽度（比如 “50px” 或者仅仅是 “50”）。
% 规定以可用空间的百分比计的宽度（比如 “50%”）。