關於css屬性text-align：center居中的問題

直入正題：

    text-align：center字面理解就是文本（應當說是inline/inline-block）居中（在容器沒有脫了離文檔流的基礎上）。如某一個容器設置了這個屬性，直接在容器中填寫文字，文字應當是居中的。

    本文主要目的是解決容器中有子標籤內容不是文本的居中問題。

（注：本人的理解是text-align：center居中主要是對文本的居中,好比父元素是div設置了內容居中屬性，若是子元素的內容是文本顯示就是居中的，若是不是則顯示不會居中，須要特殊處理，方法以下）

    方法有兩種：

    1.父容器設置屬性設置居中屬性，子標籤設置標籤屬性爲內聯屬性（本人理解純文本實際上就是內聯元素），例：

        <div style='text-align：center;'>

            <img style="display:inline-block;width: 100px; height: 100px;" src="#">

            <!-- img 是內聯元素，可是IE下卻沒有居中，因此必須設置一次display:inline-block;，這-也許是各個瀏覽器對text-align：center所居中的定義不同吧，至少wenben->

        </div>

    1.父容器設置屬性設置居中屬性，子標籤設置標籤屬性

margin-left:auto;margin-right:auto

    <div style='text-align：center;'>

            <img style="margin:0 auto;width: 100px; height: 100px;" src="#">

        </div>