關於text-align:center的應用在不同瀏覽器顯示效果不一樣，本文就IE7,IE8,IE9下的不同顯示進行說明，並解決IE8下顯示偏左問題;
在ie7和一些瀏覽器下解釋為該元素內的元素和文字都居中。
在ie8和ie9等一些瀏覽器下解釋為該元素內的文字居中。
例如：
<div style="border:1px solid red; height: 150px;width: 150px;text-align: center; ">
<div style="border:1px solid green;height: 100px;width: 100px;" ></div>
你好
</div>
可以發現，在ie7下，元素使用了text-align: center;後，裡面的div和文字都居中了，
而在ie8下，元素內的文字居中了，但是裡面的div元素沒有居中。
這種不平衡的方法有兩中解決方法。
1是讓ie7趨向ie8，就是讓ie7下也顯示成ie8的效果，元素居左。 方法是在裡面的元素上加上float:left;就可以了
2是讓ie8趨向ie7，就是讓ie8下也顯示成ie7的效果，元素居中。 方法是在裡面的元素上加上margin: 0 auto;就可以了。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
