css水平置中

在學習網頁排版的過程中，置中（不論垂直或水平）一直是個相當麻煩的事，關於CSS中 ... 以下是之後示範中HTML Body 的部分： ... 文字的垂直置中方法.

因為自己在設計網頁時都會忘記要怎麼做水平垂直置中，所以特別寫一篇來當筆記。這邊第一次嘗試用CodePen 來讓訪客能同時比對程式碼和執行結果， ...

2.偽元素(before，after)+ display:inline-block. 此方法可適用於單行或多行文字，以及區塊置中. 缺點是需多寫一行css（偽元素）. 範例：. HTML; CSS.

學習網頁開發到現在，我一直覺得切版是我的弱項，尤其是水平置中和垂直置中。導致之前在練習教案的時候，都需要花許多時間去查資料和try and error。

文章提要. margin:auto 讓版型置中、text-align文字水平與垂直置中 ... STEP1:HTML 的body內寫一個wrap包住所有標籤; STEP2:CSS中.wrap寫下...