应用容器元素“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