这篇文章主要介绍“怎么让横向排列的几个浮动的子div居中显示”，在日常操作中，相信很多人在怎么让横向排列的几个浮动的子div居中显示问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么让横向排列的几个浮动的子div居中显示”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联建站是一家网站设计公司，集创意、互联网应用、软件技术为一体的创意网站建设服务商，主营产品：响应式网站、品牌网站制作、成都全网营销。我们专注企业品牌在网站中的整体树立，网络互动的体验，以及在手机等移动端的优质呈现。成都网站建设、成都网站制作、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案，我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏析悦目的作品，网站的价值服务。

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

代码如下:

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

到此，关于“怎么让横向排列的几个浮动的子div居中显示”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

文章名称：怎么让横向排列的几个浮动的子div居中显示-创新互联
本文地址：http://chengdu.cdxwcx.cn/article/gdpje.html