欢迎大家在这里学习CSS多个子框架居中!下面是我们给大家整理出来的精彩内容。希望大家在这里学习!

有时我们需要令一个宽度固定的容器里的子框架居中(例如一个Div ，或者其他block级元素)，如果子框架只有一个的话，我们只需要为子框架加上CSS属性margin：auto就可以了。

但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所有子框架使用CSS box-align： center 来实现这种效果。

可是目前还有相当一部分主流浏览器不支持box-align属性，那么我们应该如何编写CSS，使这种效果能兼容大部分的浏览器呢?

通常的方法

为了使多个block级元素排列在同一行里，我们习惯使用float 属性使子框架浮动，然后利用margin属性让每一个子框架之间都留出一些空白的间距。可是这样做会触发经典的IE6双倍margin BUG，这样反而要投入额外的时间去调试IE6 的Hack。

虽然我们还可以通过display： inline来避开IE6的BUG，但我们仍然需要调整这些子框架间的间距，防止最后一个自框架被挤到下一行。

改变子框架级别并且控制剩余的空白

使用float和margin来让多个子框架居中并且等分父框架剩余空间的做法缺点很多

好了，CSS多个子框架居中内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

img标签下多余空白BUG解决方法