3列布局的垂直中間對齊元素

Question

好的。我試了幾個小時纔得到這個，但沒有運氣。這是我的小提琴：http://jsfiddle.net/JE97D/3/。

根據這個截圖，我想垂直對齊這些元素在中間而不訴諸使用margin-top。理想情況下，可以使用行高進行對齊，但我沒有嘗試這樣做。這個原因是我可以動態設置在我爲SASS mixin使用不同容器高度時對齊元素的位置。

Answer 1

如果我理解正確的話，你想這一切在中間。

如果是這樣，使line-height一樣div的height。事情是這樣的：

#date-nav-container { 
    height: 100px; 
    line-height:100px; 
} 

例子：http://jsfiddle.net/jasongennaro/JE97D/4/

編輯

按照評論...

做到這一點，在（本週）再次出現。

.smaller{ 
    margin-top:-40px; 
    display:inline-block; 
    float:left; 
    line-height:14px; 
} 

更新時間：http://jsfiddle.net/jasongennaro/JE97D/6/

然而，這種使用margin-top，你說你不想使用。