更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~日常开发的时候会碰到很多需要居中元素的场景，尤其对于强迫症来说，为了一点点偏差疯狂手调margin（比如我自己），来讲一下CSS中实现元素水平垂直居中的方法。
直接先上总结：Flex布局：父元素设置 display: flex，justify-content: center，align-items: centerGrid布局：父元素设置 display: grid，place-items: center…。
{dede:pagebreak/}
鱼缸能不能做到一直不换水还很清澈？ 
《绝命毒师》（Breaking Bad）里有哪些硬伤？ 
为什么 CRT 画质这么好也被淘汰，液晶反而发展的很好？ 
家有两个小孩，经常需要打印一些作业或学习资料，想购买一台家用打印机，选激光打印还是喷墨打印好？ 
Docker真的被Kubernetes放弃了吗？ 
超小团队选择Django还是Flask？ 
为什么健身房内没人打架？ 
小米 YU7 发布会，有哪些大说特说的点其实是行业基操？ 
为什么苹果公司无法制造出性价比高的 Mac 电脑？ 
如何看待「87%的人睡前一小时有玩手机的习惯」，睡前关灯玩手机对眼睛危害有多大？ 
Dify工作流，你有哪些好玩的点子？ 
所以现有技术是无法侦测和锁定击落 B-2 ***轰炸机的吗？ 
《崩坏 3》V8.3 主线「如果命运在今日终结」有哪些可能的伏笔？ 
可以随身携带一个Linux系统吗？ 
为什么台式 PC 还处在组装（DIY）阶段？ 
你对你的长相、身材、气质满意吗？ 
