新手写CSS，最头疼的就是元素居中，怎么调都对不齐，今天说两个最常用的居中方法，不用再算边距。
水平居中：文本/行内元素
文字、按钮要水平居中，父元素加text-align:center，就搞定，不用算宽度减一半。
块元素水平居中
一个div要在页面居中，给它设宽度，然后margin:0 auto，就自动水平居中，不用算左边距。
水平垂直都居中：Flex一行搞定
父元素加display:flex; justify-content:center; align-items:center，子元素不管宽高，直接在父容器里水平垂直都居中，这是现在最通用的方法，比老的定位法简单十倍，新手记这个就够。
别再用margin:左负50%这种老方法了，Flex三行代码搞定所有居中问题。
本站源码来源于网络收集修改或者交换，甚至可能并非原创，如遇未经考证信息需持审慎态度。若有疑问，可联系本站处理。
0