CSS 水平置中方法. 前言| by Jarvis Huang | 學海無涯| Medium

學習網頁開發到現在，我一直覺得切版是我的弱項，尤其是水平置中和垂直置中。

導致之前在練習教案的時候，都需要花許多時間去查資料和try and error。

GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWritePublishedin學海無涯學習網頁開發到現在，我一直覺得切版是我的弱項，尤其是水平置中和垂直置中。

導致之前在練習教案的時候，都需要花許多時間去查資料和tryanderror。

為了把基礎打好以應付未來的挑戰，特別再複習了一下水平置中和垂直置中的方式，並整理出一些重點。

前言在介紹水平置中的方法之前，需要先認識網頁元素(HTMLelement)的種類，因為HTML會根據網頁元素的種類去預設它的display屬性。

一般來說，網頁元素分為兩種：Block-levelElement和InlineElement。

Block-levelElementBlock-levelelement顧名思義就是一個區塊元素，它會佔滿父元素的寬度，並從每次都是從新的一行開始。

常見的block-levelelememt有：