我們如何在網頁中繪製垂直線？

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

回答