你想要的CSS居中方法大全

前言 元素的居中是前端開發中非常普遍的一個需求，實現的方式也很多，這裏我簡單總結了一下，並畫成思維導圖，便於記憶。  水平居中 行內元素 直接使用text-align:center ，效果如下圖    代碼詳見：居中行內元素 塊級元素 一行僅有一個塊級元素，直接margin:20px auto 設置左右的margin爲auto即可，效果圖如下  一行有多個元素  使用flex實現水平居中多個元素 

>>阅读原文<<