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

Question

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

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

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