更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~日常开发的时候会碰到很多需要居中元素的场景，尤其对于强迫症来说，为了一点点偏差疯狂手调margin（比如我自己），来讲一下CSS中实现元素水平垂直居中的方法。
直接先上总结：Flex布局：父元素设置 display: flex，justify-content: center，align-items: centerGrid布局：父元素设置 display: grid，place-items: center…。
{dede:pagebreak/}
为什么广州地铁这么多人不懂得先下后上，将中间的位置留出给下车的人？ 
为什么桂林的旅游做不起来？ 
为什么欧美影视喜欢露点？ 
为什么程序员独爱用Mac进行编程？ 
苹果为什么要给每代MacOS起个名字，真以为人们记得住分得清吗？ 伊朗那么大却被一个小小的以色列打的无法还手？很多高层领导都被干掉了为什么？ 
炫富真的很爽吗？ 
澳大利亚为什么是发达国家？ 女生在家不穿内裤可以吗？ 
有什么好看的追妻火葬场的文吗？ 
你的亲戚提过什么过分的要求？ 如果得知一枚核弹将在10分钟后在你的城市爆炸，除了等死还能干嘛？ 
福建舰下水三周年，从军事角度看，「三航母时代」将带来哪些变化？ 
30马赫的导弹，近防炮能挡住吗？ 
阿里网盘为什么没有动静了？ 
为啥西方列强最后全不行了？ 
