更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~日常开发的时候会碰到很多需要居中元素的场景，尤其对于强迫症来说，为了一点点偏差疯狂手调margin（比如我自己），来讲一下CSS中实现元素水平垂直居中的方法。
直接先上总结：Flex布局：父元素设置 display: flex，justify-content: center，align-items: centerGrid布局：父元素设置 display: grid，place-items: center…。
{dede:pagebreak/}
明星现实中真的很漂亮吗？ 
我不理解，我真的不理解，难道真的有那种身材瘦又丰满的女生吗？ 
中医把脉是***吗？ 
陈楚生第一，马嘉祺淘汰，如何评价《歌手 2025》第六期所有歌手的演唱？ 
如何评价首个女性友好的编程语言HerCode? 
HTTP/3 解决了什么问题，又引入了什么新问题？ 
为何同是象棋，国际象棋的棋子可以做的那么有设计感，而中国象棋的棋子形式似乎比较单一？ 
golang 与rust 在服务器程序领域相比较，各有什么优劣势？ 
华为 HDC 发布 HarmonyOS 6 开发者 beta 版对应用开发者和鸿蒙生态有哪些影响？ 福特级航母的电磁弹射到底出了什么问题？ 
理论上flutter性能应该非常高才对，为什么好些flutter应用性能一般？ 
谷歌云服务宕机导致 OpenAI、Shopify 等服务中断，此次宕机的具体技术原因是什么？ 
k8s最稳定的是那个版本？ 
Rust开发Web后端效率如何？ 
天赋惊艳的林惊羽为何成长不如愚钝的张小凡？ 
宝宝们 敢不敢发出你们自己最可爱的自拍照? 
