所有物件置中,直接在 styles.css 對 <body> 去進行調整,這樣<body>中的每行區塊都會置中。
body{ margin: 0px; text-align: center; <<多加這行 }
延伸問題
由於每個區塊都會佔滿一行,以此例若是要把<h1>區塊調整寬度10%。就會如下圖
這時候的解決方法可以使用。
margin的邊界可以設auto,會水平置中或是垂直置中!
margin速記
狀況二
下圖的山其實沒有對正中間,因為旁邊有雲。