要在div中创建一条居中的垂直线，我认为你可以使用这段代码。 “容器”可能是100%的宽度，我猜。

div.container { 宽度:400 px; ｝ div.vertical-line { Border-left: 1px solid #808080; 身高:350 px; margin-left:汽车; margin-right:汽车; 宽度:1 px; ｝ < div class = "容器" > < div class = "垂直线”>,< / div > < / div >

在标记周围放置<div>，然后使用CSS来设置它的样式:

.verticalLine { Border-left:厚实实心#ff0000; ｝ < div class = "垂线”> 其他内容 < / div >

旋转a <hr> 90度:

<人力资源风格= "宽度:100 px;变换:旋转(90度);" >

没有与<hr>元素等值的垂直元素。然而，你可能想尝试的一种方法是在你要分离的东西的左边或右边使用一个简单的边界:

# your_col { Border-left: 1px纯黑色; ｝ < div id = " your_col " > 你的内容在这里 < / div >

要使垂直线在中间居中使用:

position: absolute; 
left: 50%;

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

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