text-aligin:center和margin:0px auto的区别

text-aligin:center 能设置文字或者图片在当前盒子里面水平居中,而margin:0px auto 是设置当前盒子在浏览器中水平居中。
让盒子居中的方式:

  1. margin:0px auto
  2. position: absolute;
    left: 50%;
    transform: translateX(-50%); (高级浏览器才支持)
    3.width: 200px;
    margin-left: (等于-宽度的一半 这里也可 调用 calc(-宽度/2));
    4.使用less或者sass进行计算
    width: 200px;
    margin-left: (-宽度/2); 直接这么算就行 不需要在调用calc

猜你喜欢

转载自blog.csdn.net/weixin_45932463/article/details/105621280