hr元素在按鈕之間垂直？

我需要在2個按鈕之間獲取hr元素，以便它們在它們之間垂直居中。hr元素在按鈕之間垂直？

這是我的codepen，我一直在努力尋找一個體面的解決方案。任何人都可以快速看一下嗎？

現在他們是低於和高於。

<button class="left">Test</button> 
<hr /> 
<button class="right">Test</button>

2015-07-01 Stephan-v

似乎沒有一個。我建議你看看這個：http://stackoverflow.com/questions/571900/is-there-a-vr-vertical-rule-in-html – guergana

小時的意思是'水平法則'。如果你想垂直分頻器。檢查下面的答案。 –

你想要的東西像[這]（http://codepen.io/anon/pen/OVQRow） – Abhi

不知道這是否是你尋找的解決方案，但我做了一個小時「加入兩個按鈕」的筆。

最簡單的方法是使用絕對定位爲允許按鈕是動態的，就像這樣：

hr { 
position: absolute; 
    width: 100%; 
    top: 0; 
    z-index: -1; 
}

希望這能解決您的問題！

2015-07-01 14:23:55

這就是我的意思是啊。它只需要一點點填充，所以它不會完全按下按鈕。有點像它在它們之間漂浮。感謝你目前的幫助。 –

hr元件應該被水平用於語義聊天。您可以使用span元素代替hr元素。但是爲什麼你創造不必要的元素，而你可以做到這一點，而不需要任何元素。您可以在button元素上應用邊框。

例如：

button.left{ 
    border-right: 1px solid #000; 
}

或者，你可以設置爲border-left右側的按鈕了。

順便說一句，在語義上說話時不推薦使用靜止方式。您應該使用div作爲佈局，並在div中放置按鈕元素並在div上應用邊框。

2015-07-01 14:14:11

似乎沒有一個。但你可以這樣做：<div style="border-left:1px solid #000;height:500px"></div>

2015-07-01 14:14:36 guergana

回答