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，你说你不想使用。