文字居中与盒子模型居中的区别

Question

#op{ text-align:center; margin:0px auto;  }

Answer 1

text-align:center; 用于设置文本或img标签等一些内联元素（或与之类似的元素）的居中。如：

span{text-align:center;}

margin:0px auto;用于设置块元素（或与之类似的元素）的居中。如：

div{margin:0 auto;}

简而言之，text-align:center;多用于内联元素，margin:0px auto;多用于块元素。