web中让几个横向排列的浮动子div居中显示的方法

这篇文章将为大家详细讲解有关web中让几个横向排列的浮动子div居中显示的方法，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

专业领域包括网站设计制作、成都网站制作、成都做商城网站、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，成都创新互联公司的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。

div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下：

代码如下:


<div id="outerdiv" >
<div id="containerdiv" >
<div id="float1" > </div>
<div id="float2" > </div>
</div>
</div>


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

关于web中让几个横向排列的浮动子div居中显示的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

当前题目：web中让几个横向排列的浮动子div居中显示的方法
本文地址：https://www.cdcxhl.com/article34/pjsope.html

成都网站建设公司_创新互联，为您提供品牌网站制作、定制开发、小程序开发、网站制作、服务器托管、

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

绵阳服务器托管

网站排名知识

各行业网站