应用容器元素“float”时，“vertical-align：middle”不起作用

Question

以下代码效果很好：

<div id="container">
   <p>test</p>
</div>

#container{height:500px;display:table-cell;vertical-align:middle;}

但是当container元素具有css属性时：float:left

它无法正常工作!!

我只想在垂直中间漂浮

Answer 1

在这种情况下，您必须设置line-height：

line-height:500px