更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~日常开发的时候会碰到很多需要居中元素的场景，尤其对于强迫症来说，为了一点点偏差疯狂手调margin（比如我自己），来讲一下CSS中实现元素水平垂直居中的方法。
直接先上总结：Flex布局：父元素设置 display: flex，justify-content: center，align-items: centerGrid布局：父元素设置 display: grid，place-items: center…。
{dede:pagebreak/}
有没有什么冷门的高颜值女演员？ 
如何看待日本小学校园餐只有一小块鸡肉？ 
Go 语言的使用感受是什么？ 
陈楚生第一，马嘉祺淘汰，如何评价《歌手 2025》第六期所有歌手的演唱？ 
长期使用的大佬来说说，MacOS 真的比 Windows 稳定吗？ 
王健林再卖 48 座万达广场，会对万达集团带来哪些影响？目前万达面临怎样的困境？ 
三星的旗舰手机能用五年以上吗？ 
国产手机APP为什么越来越臃肿？ 
如何评价DuckDB? 
福特级航母的电磁弹射到底出了什么问题？ 
编程语言 MoonBit 发布 Beta 版，正式进入企业场景应用，会带来哪些影响？ 
你身边身材最好的女生是什么样？ 
眼睛有飞蚊症可以自愈吗? 
怎么学习前端开发？求推荐学习路线？ 
为什么UC曾经是国内主流浏览器之一，但现在却逐渐销声匿迹了？ 
为什么浙江落下的陨石，防空系统没有拦截，它和导弹有什么不同？
