margin auto;与text-align:center;的区别

margin auto:  是使自身在浏览器内居中，需要配合宽度使用：（只有自身有作用）

text-align:center:  针对当前下所有的文本内容居中（是对里面的内容 例img 各种文本）

相同点：这两个在元素浮动（fl re ab fi）的情况下，是不能对元素起作用的当 position: absolute 时，元素会向父级递归寻找 position 属性不为 static 的元素，并找到的第一个元素的边界为基准进行居中对齐，如果找不到，则以 body 元素为基准。

当 position: fixed 时，元素以浏览器的窗口为基准居中对齐。

扩展1：margin 0 auto: 表示top bottom为0  左右居中 

扩展2：一个纯 img  是没有边框的，但是你给他一个hover 里面设置border，就有边框