我怎樣才能垂直對齊與twitter引導元素？

我知道這個問題已經被問了很多次了，但是沒有一個解決方案適用於我。我只想在一個div中對齊與twitter-bootstrap類關聯的一個標籤。但並未對齊。我已經嘗試了與此對齊，並且工作正常。沒有引導它工作正常，但與引導它停止工作。任何想法如何工作？我怎樣才能垂直對齊與twitter引導元素？

來源

2013-06-21 Novice

這裏是鏈接到我的小提琴'http://jsfiddle.net/akki166786/s7Wb4 /'。 – Novice

在這裏你去

與使用

display:table;

和

display:table-cell; 
vertical-align:middle;

這樣的標籤將始終居中，即使你調整箱

http://jsfiddle.net/s7Wb4/2/

來源

2013-06-21 12:05:14 koningdavid

感謝您的確切答案，但略有變化，它不再工作，這裏是我的新小提琴http://jsfiddle.net/akki166786/jBCAG/ – Novice

@akshay這是因爲bootstrap覆蓋你的風格，一定要覆蓋它們。我做了！重要的是不好，但它的工作http://jsfiddle.net/jBCAG/1/ – koningdavid

再次謝謝你... – Novice

您可以使用line-height加入您的label，並將其設置爲與您的div相同的高度。這將完美對齊。

參見this demo。

來源

2013-06-21 12:04:05 otinanai

個

地址標籤，而不是

.center{ 
    width: 100px; 
    height: 100px; 
    border: 1px solid red; 
    display: table; 
} 
.center label { 
    display: table-cell; 
    vertical-align: middle; 
}

分叉的jsfiddle http://jsfiddle.net/s5dJH/

來源

2013-06-21 12:19:03 davidkonrad

試試這個

http://jsfiddle.net/s7Wb4/9/

.center{ 
width : 100px; 
height : 100px; 
display : table-cell; 
float:none !important; 
vertical-align : middle; 
border : 1px solid red; 
}

來源

2013-06-21 12:31:13

我怎樣才能垂直對齊與twitter引導元素？

回答

相關問題