让横向排序的几个波动(float:left)的子div垂直居中

2021-01-20 09:55 jianzhan
div设定成float以后,在父div中设定text-align:center,就没法使子div垂直居中显示信息了,但是大家可使用变通的方式做到这1实际效果,便是在父div上再套1个div,以下:

拷贝编码
编码以下:

<div id="outerdiv" style="text-align:center;">
<div id="containerdiv" style="overflow:hidden; display:inliine-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>

这样containerdiv就会在outerdiv的正中间显示信息了。