如何垂直居中HR元素

如何垂直居中hr元素？如何垂直居中HR元素

我試過的元素放在一些div元素...

<div class="table"> 
    <div class="table-cell"><hr /></div> 
</div> 
<div class="table"> 
    <div class="table-cell">Some text Here!</div> 
</div> 
<div class="table"> 
    <div class="table-cell"><hr /></div> 
</div>

我已經離開了，我使用的引導，並在相同的帶桌子的class這三個要素div行使用col-size-number格式。

所以我在尋找在線HR元素某些文本內嵌hr元素

-------------- SOME TEXT --------- -----

再次感謝css大師大師！

來源

2014-03-04 jemiloii

爲什麼你要在一個水平線沒有內容的表格單元格？你想做什麼？ – stackErr

請考慮使用邊框。 'hr'不適合視覺造型，而且更難於使用。 –

對於那些編輯我的問題，不要編輯行「所以我正在尋找內聯人力資源元素一些文本內聯人力資源元素」您的編輯並不反映要求。 – jemiloii

<hr />標籤應垂直對齊就像在你的CSS使用

是在<div>適當使用的任何其他元素。

.table { 
    display:table; 
    width:100%; height:100%; 
    position:absolute; 
} 

.table-cell { 
    display: table-cell; 
    text-align: center; 
    vertical-align: middle; 
    width:auto; 
    height:auto; 
}

DEMO

來源

2014-03-04 02:57:39 RCNeil

感謝您的答案，但我想我不清楚，我會更新我的問題，我想HR標籤在文本的兩側，垂直在中間 – jemiloii

嘿，我剛剛得到它的工作重新安排你的代碼http://jsfiddle.net/Rf467/1/感謝一堆！ – jemiloii

我用以下解決方案在我的CSS，邊緣上的每個設備 CSS元素到中心： margin: 0 auto;

來源

2015-08-16 20:54:25 DeDaaf

如何垂直居中HR元素

回答

相關問題