在網頁設計中,有時會遇到需要將整個頁面向中間縮小的情況,此時使用 CSS 是一個比較好的解決方案。下面是一段 CSS 代碼示例:
body { margin: 0 auto; max-width: 1200px; width: 90%; }
在上面的代碼中,margin: 0 auto;
是關鍵。這表示將頁面左右兩側的外邊距都設為自動,自動計算出左右外邊距的值。這樣可以將整個頁面居中。另外,max-width
屬性表示頁面的最大寬度,這里設為 1200px,超過這個寬度就不再放大。而width
屬性則表示頁面的實際寬度,設為 90%,表示將頁面整體縮小 10%。
需要注意的是,如果頁面內部有元素設置了固定寬度,可能會影響到頁面的居中效果,此時需要對這些元素加以調整。