html或css - 垂直hr标记

Question

我希望在我的网站的侧面和中间有一条垂直线。是否有<hr />标记可以执行此操作，如果有，请以css或html格式提供。

Answer 1

“在标记处放置一个div，您希望下一行显示该行，并使用CSS对其进行样式设置：”来自How to make a vertical line in HTML

    <div class="verticalLine">

some other content

</div>

在css中：

.verticalLine {
    border-left:thick solid #ff0000;
}

Answer 2

一些现代浏览器支持<hr style="display:inline" />生成一个小竖条，但通常只有|才能更好地工作。

如果您想要一条跨越多行文字的行，则应使用边框。

Answer 3

<hr/>没有垂直版本。您可以使用CSS和样式border-right或border-left来创建“垂直线”。这是一篇关于如何设置边框样式的综合文章：http://net.tutsplus.com/tutorials/html-css-techniques/css-refreshers-borders/