垂直对齐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;    
}