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