头闻号

站务管理账号

互联网业务

首页 > 新闻中心 > 科技常识:让几个横向排列的浮动子div居中显示的方法
科技常识:让几个横向排列的浮动子div居中显示的方法
发布时间:2024-05-19 07:25:08        浏览次数:3        返回列表

今天小编跟大家讲解下有关让几个横向排列的浮动子div居中显示的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关让几个横向排列的浮动子div居中显示的方法 的相关资料,希望小伙伴们看了有所帮助。

div设置成float之后 在父div中设置text-align:center 就无法使子div居中显示了 不过我们可以使用变通的方法达到这一效果 就是在父div上再套一个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的中间显示了。

来源:爱蒂网