我们如何在网页中绘制垂直线？

2011-09-22 amir

这不是struts相关的问题，而是普通的HMTL/CSS。

我不是HTML或CSS专家，但我想你只能在左侧或右侧使用带有边框的div。

2011-09-22 09:58:19 Thomas

<hr>不是来自struts。它只是一个HTML标签。

所以，看看这里：http://www.microbion.co.uk/web/vertline.htm 这个链接会给你一些提示。

2011-09-22 09:59:32 AlexR

在html中没有垂直线可以使用，但是您可以通过将top:0;和bottom:0;样式的容器绝对定位到容器外部来伪造一个。

试试这个：

CSS

.vr { 
    width:10px; 
    background-color:#000; 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:150px; 
}

HTML

<div class="vr">&nbsp;</div>

2011-09-22 21:14:26

@Andres，可以简化你的有点更多..
CSS

vr { 
    display: block; 
    width:10px; 
    background-color:#000; 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:150px; 
}

HTML

<vr />

2011-09-22 21:52:59 rlemon

我通常有点谨慎使用，他们可能跨浏览器的行为方式自定义标签的事业/平台以及它们可能用javascript解释的方式，也不验证。 –

可以使用<hr>对于垂直线为好。
将width设置为1，并根据需要设置大小（高度）。
我在示例中使用500（演示）：

随着<hr width="1" size="500">

2013-06-11 12:17:29

简单且最有效的解决方案 +1 – user3437460

回答