text-aligin:center 能设置文字或者图片在当前盒子里面水平居中,而margin:0px auto 是设置当前盒子在浏览器中水平居中。
让盒子居中的方式:
- margin:0px auto
- position: absolute;
left: 50%;
transform: translateX(-50%); (高级浏览器才支持)
3.width: 200px;
margin-left: (等于-宽度的一半 这里也可 调用 calc(-宽度/2));
4.使用less或者sass进行计算
width: 200px;
margin-left: (-宽度/2); 直接这么算就行 不需要在调用calc