我有一个div，其中包含文本和图像，其尺寸为190px x 190px，我希望所有内容都垂直居中。
我尝试过使用SO和Google，但似乎找不到一个简单的答案。
最简单的方法是什么？
HTML：
<div class="block">
<h2>TITLE</h2><br/>
<img src="...." width="190px"/>
<p>Hello world</p>
</div>
CSS：
.block {
position:relative;
width:190px;
height:190px;
background-color:FFF;
margin:10px;
float:left;
left:-10px;
text-align: center;
padding:10px;
border:solid 1px #CCC;
font-size:small;
}
.block p {
text-align: left;
}
嗨，您可以使用以下两个属性：
.block {
display:table-cell;
vertical-align:middle;
}
并删除float:left。查看此演示http://jsfiddle.net/kGt54/17/并提出任何问题。
编辑
如果要保留，则float:left需要制作一个外部容器，该容器浮起并具有边距：
.blockC {
float:left;
margin:10px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句