如何使用HTML制作一条垂直线?


当前回答

我认为这是一种简单的方法,你可以根据你的需要左右改变边界

.vertical-line { 左边框:1px实线#000 } < span class = "垂直线" > < /跨度

其他回答

在你想要应用竖行的Previous元素中,你可以设置CSS…

border-right-width: thin;
border-right-color: black;
border-right-style: solid;

我认为这是一种简单的方法,你可以根据你的需要左右改变边界

.vertical-line { 左边框:1px实线#000 } < span class = "垂直线" > < /跨度

只需使用UTF-8杂项符号之一

The & # 124;

& # x7C;

这就是你所需要的,并且它与所有浏览器兼容。

回头谢谢我。

我使用了建议的“hr”代码的组合,下面是我的代码:

<hr style="width:0.5px; height:500px; position: absolute; left: 315px;"/>

我只是改变了“左”像素值的值来定位它。(我用竖线来排列网页上的内容,然后我删除了它。)

另一种选择是使用1像素的图像,并设置高度-这个选项将允许您将其浮动到您需要的位置。

但这不是最优雅的解决方案。