3列布局中的垂直中间对齐元素

Question

确定。我已经试了好几个小时才得到这个，但没有运气。这是我的小提琴：http://jsfiddle.net/JE97D/3/。

根据这个截图，我想在中间垂直对齐这些元素而不使用margin-top。理想情况下，可以使用行高进行对齐，但我没有运气试图这样做。这样做的原因是，当我为SASS mixin使用不同的容器高度时，我可以动态设置对齐元素的位置。

Answer 1

如果我理解正确的话，你想要全部放在中间。

如果是，请将line-height与height的{​​{1}}相同。像这样：

div

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

修改

根据评论......

执行此操作，（本周）重新出现。

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

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

但是，这会使用.smaller{ margin-top:-40px; display:inline-block; float:left; line-height:14px; } ，您说您不想使用它。