方案一：使用inline-block+text-align
(1)原理：先將子框由塊級元素改變爲行內塊元素，在通過設置行內塊元素居中以達到水平居中。
(2)用法：對子框設置display:inline-block;對父框設置text-align:center;
(3)示例：
(4)優點：兼容性好，甚至可以兼容IE6,IE7
(5)缺點：child裏的文字也會水平居中，可以在.child添加text-aligin:left；還原
方案二：使用table+margin
(1)原理：先將子框設置爲快級表格來顯示（類似），在設置子框居中以達到水平居中。
(2)用法：對子框設置dispiay:table;再設置margin:0 auto;
(3)示例：
(4)優點：只設置了child，IE8以上都支持
(5)缺點：不支持IE6，IE7,將div改成table
方案三：使用absolute+transform
方案四：使用flex+margin
方案五：使用flex+justify-content
