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


当前回答

您可以使用水平规则标记来创建垂直线。

<hr width="1" size="500" style="0 auto" />

通过使用最小的宽度和大的尺寸,水平规则变成了垂直规则。

其他回答

您可以使用水平规则标记来创建垂直线。

<hr width="1" size="500" style="0 auto" />

通过使用最小的宽度和大的尺寸,水平规则变成了垂直规则。

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

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

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

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

要在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 >

要添加一条垂直线,你需要样式一个hr。

现在,当你画一条垂直线时,它会出现在页面的中间:

<hr style="width:0.5px;height:500px;"/>

现在把它放在你想要的地方,你可以使用下面的代码:

<hr style="width:0.5px;height:500px;margin-left:-500px;margin-right:500px;"/>

这将把它定位到左边,你可以把它反向定位到右边。