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