CSS佈局解決方案——居中佈局（水平居中）

方案一：使用inline-block+text-align (1)原理：先將子框由塊級元素改變爲行內塊元素，在通過設置行內塊元素居中以達到水平居中。 (2)用法：對子框設置display:inline-block;對父框設置text-align:center; (3)示例： (4)優點：兼容性好，甚至可以兼容IE6,IE7 (5)缺點：child裏的文字也會水平居中，可以在.child添加text

>>阅读原文<<