有什麼像hr標籤，但在垂直意義上？垂直hr標籤
我不想使用表格，但基本上我有兩個選項卡，我希望在選項卡的標題之間有一行。
這是一個快速的jsfiddle它。
編輯：使用的jsfiddle新版右邊框
編輯：Close enough!但如果我把填充頂= 10 friendsH和familyH而不是頭，它完美出於某種原因，但隨後的事情大家還不t垂直居中所以我認爲我更喜歡這種方式
This似乎是一個黑客的方式來做到這一點，但如果這是唯一的方法，那麼我想這只是同一個問題。
沒有「垂直」小時標籤。你可以使用「border-left」和「border-right」css屬性來獲得這樣的效果。
它幾乎可以工作，但看起來有點奇怪，它沒有達到它下面的hr線。任何想法如何解決這個問題？我更新了小提琴 – 2012-07-27 21:31:11
可能會使用「border-bottom」而不是hr標籤 – 2012-07-28 05:07:18
HTML本身沒有任何東西。你可以使用CSS創建一些東西，例如使用一個非常容易理解的div，例如只有一邊的邊框或圖像背景。如果你使用的是jQuery，你可能會找到一個插件來實現它，但它可能會有更多的功能，例如允許用戶拖拽和調整分割區域的大小。
是的，你可以。 <hr style="display: inline" />將產生一個垂直規則。
（無法在IE7中，雖然如此，你可能要有條件評論風格將其隱藏或|替換成）
_「將其替換爲'|'」_？你能詳細說明一下嗎？ plz – undefined 2012-07-27 19:50:45
這種工作，但我不能讓它調整到我需要的高度 – 2012-07-27 21:36:51
那麼，在我的情況下，我喜歡把' |'，然後使用條件顯示註釋'<！ - [if IE gt 7]> - > ... <！ - '來包含替換span的腳本。vr'帶有「垂直規則」......換句話說，我反過來爲老瀏覽器用戶提供更好的體驗。 – 2012-07-27 21:47:35
有最近我拿起的一個技巧，那將會使一個垂直<hr>：
<hr width="1" size="500" style="display:inline-block;">
有沒有垂直CAL小時標記，但是你可以使用CSS來製作一個垂直HR
.vhr {
width: 1px;
height: 200px;
}<div class="v-hr"></div>
有沒有這樣的元素。 – Oded 2012-07-27 19:30:39
您最好使用CSS邊框屬性 – Dan 2012-07-27 19:31:00
要麼使用邊框，要麼如果元素的高度不同，並且希望它匹配最高，我有寫過的jQuery函數。讓我知道你是否想要它。 – ClarkeyBoy 2012-07-27 19:32:49