让几个横向排序的波动子div垂直居中显示信息的

日期:2021-01-20 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

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的正中间显示信息了。