img{

    display:block;

    text-align:center;

    }

你发现，不论是否将img这个内联元素设置为块级元素，“text-align”属性皆无法凑效。而将该属性丢给div元素却被浏览器应用了。这点确实叫人匪夷所思！

你这么一问，我也糊涂了。搜索“明白”，得出：“text-align 属性规定元素中的文本的水平对齐方式。”也就是说本节课的这种用法是错误的，不是么，“text align”的字面意思就是“文字对齐”！我觉得正确的实现方法应该是：

img{

    display:block;

    margin-left:auto;

    margin-right:auto;

    }

这个设置是容器里面的内容居中，div{text-align:center;}是div里面的内容相对于div居中的。