更多優質內容請關注微信公眾號 @web前端工程獅 每篇文章都會帶示意圖、詳解、代碼，關注我和我一起學前端~日常開發的時候會碰到很多需要居中元素的場景，尤其對于強迫癥來說，為了一點點偏差瘋狂手調margin（比如我自己），來講一下CSS中實現元素水平垂直居中的方法。

直接先上總結：Flex布局：父元素設置 display: flex，justify-content: center，align-items: centerGrid布局：父元素設置 display: grid，place-items: center…。