居中布局

通过以下CSS样式代码实现水平方向居中布局效果

.child{display:table;margin:0 auto;}

优点:

只需要对子集元素

进行设置就可以实现水平方向居中布局效果

缺点:

如果子集元素脱离文档流, 导致margin属性的值无效

脱离文档流: float, 绝对定位, 固定定位

居中布局