如何在 HTML 中创建部分水平线？

Question

我想在网页的主标题下方创建一条细线，居中，类似 这样。我该怎么做，因为使用 /hr 将创建一个端到端的线路。

原文由 Hyperbola 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 您的示例 中，这是使用 css 而不是 hr-tag 完成的因此，您可以像示例中那样使用 css 样式 的 border-bottom ，或者您确实可以使用 hr-tag，您可以提供一些 CSS，例如：

 <hr style="width:40%">

如果你想定位 hr，你可能需要 position-style 。您可以在 w3c 示例站点 上轻松地进行尝试。

请记住， hr-width-attribute （不是样式！）在 html5 下不再起作用。

原文由 franc 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 HR 标签或带有简单 css 代码的 HR 标签

HTML 人力资源标签：

 <center>Your Code Here</center>

<hr align="center" width="50%">

这里的 HR 标签带有简单的 css 代码：

 hr {
width: 50%;
margin-left: auto;
margin-right: auto;
}

 <center>Your sample code here</center>
<hr>

注意： HTML5 规范中不支持的属性都与标签的外观有关。外观应该在 CSS 中设置，而不是在 HTML 本身中。

因此，使用不带属性的 <hr> 标记，然后在 CSS 中设置样式以按照您想要的方式显示。

原文由 CK Wolfe 发布，翻译遵循 CC BY-SA 3.0 许可协议