垂直对齐 CSS 中的内容

Question

我创建了一个小提琴：http://jsfiddle.net/LgNp5/。

如您所见，右侧有一个装载机。左侧有一个内容动态变化的菜单，因此右侧浮动 div 没有固定高度（父元素也没有）。如何使加载器始终垂直对齐（没有 JS）？

Answer 1

如果您垂直居中的元素是固定高度，这是最简单的，这样您就可以设置top: 50%; 和margin-top: -Zpx，其中`Z 是垂直高度的一半。

#ui-tooltip-prompt .dynamo_content {
    float:right;
    width:400px;
    padding-left:8px;
    position:absolute;
    height:16px;
    top:50%;
    margin-top:-8px;    
}