你要区分 块级元素居中和文本居中的概念。div是没有text-align属性的。text-align：center；只是文本居中了，而不是div元素居中了。你可以试试。

1、不设置宽度
div{
   
    border:2px solid red;
    margin:0px;
    text-align:center;
}

结果是：文本（图片）居中了。至于没有设置宽度时，会按100%显示，所以看不出来框有没有居中，但，其实div框是没有居中显示的。只是里边的内容居中了而已。

2、设置了宽度就能看出效果了（div框 没有居中显示。只是里边的内容居中了而已。）
div{
    width：300px；
    border:2px solid red;
    margin:0px;
    text-align:center;
}

块级元素特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

内联元素才不能设置