关于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>