垂直中心對齊錨點內嵌塊

如何垂直對齊使用內嵌塊的我的錨點？ http://jsfiddle.net/XdfCp/11/垂直中心對齊錨點內嵌塊

如果我改變塊，對齊效果很好，但錨元素並沒有覆蓋所有div。

2012-06-29 Ronaldo

我不明白，是預期的結果是什麼。 –

在上面的代碼中，23位數字位居第一。我想在中心垂直對齊。 – Ronaldo

23對我來說已經是中間了（FF）。你使用的瀏覽器不是？ – Chris

使用padding-top:50%如：

#ListaEventosPorMes a{ 
display: inline-block; 
width: 100%; 
height: 100%; 
color: White; 
text-decoration: none; 
background-color: #722827; 
vertical-align:middle; 
**padding-top:50%;** 
}

來源

2012-06-29 14:41:18 JoProte

使用'padding-top：50％'可以在我的Chrome中修復它。 – JoProte

它根本沒有工作。看一看。 http://jsfiddle.net/XdfCp/19/ – Ronaldo

你刪除了'vertical-align'嘗試添加'vertical-align：middle;'以及'padding-top：50％;'如果仍然看起來像有點奇怪的變化'vertical-align：middle;'to'vertical-align：top;' – JoProte

刪除鏈接上的height: 100%。它將在其容器中垂直居中。

來源

2012-06-29 14:18:43

如果我將高度移除100％，我的錨不會佔用所有可用空間，覆蓋div。錨點和包裝div應該只顯示爲一個組件。 – Ronaldo

嘗試

.dia a{vertical-align: middle}

這應該工作..希望這有助於

來源

2012-06-29 14:46:49 mithilatw

垂直中心對齊錨點內嵌塊

回答

相關問題