方法一：使用margin:0auto;（只適用于子盒子有寬的時候）

方法二：text-align+display（子盒子有或沒有寬度的時候都適用）

方法三：position定位（只適用于子盒子有寬度和高度的時候）

方法四：position+transform（子盒子有或沒有寬高的時候都適用）

方法五：flex布局（彈性布局）（子盒子有或沒有寬高的時候都適用）

擴展內容

層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

CSS是一種定義樣式結構如字體、顏色、位置等的語言，被用于描述網頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網頁或者單獨的樣式單文件。無論哪一種方式，樣式單包含將樣式應用到指定類型的元素的規則。外部使用時，樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

樣式規則是可應用于網頁中元素，如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中，外部樣式單保存在獨立的文檔中，網頁通過一個特殊標簽鏈接外部樣式單。

名稱CSS中的“層疊（cascading）”表示樣式單規則應用于HTML文檔元素的方式。具體地說，CSS樣式單中的樣式形成一個層次結構，更具體的樣式覆蓋通用樣式。樣式規則的優先級由CSS根據這個層次結構決定，從而實現級聯效果。