首頁 > web前端 > css教學 > css如何使頁面整體居中

css如何使頁面整體居中

王林
發布: 2021-06-22 15:46:03
原創
9555 人瀏覽過

css讓頁面整體居中的方法是,為整個網頁主體新增一個div盒子,並且對這個盒子設定【margin:0 auto】屬性即可,例如【#t-warp{margin:0 auto ;width:1000px}】。

css如何使頁面整體居中

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

我們要讓整個頁面居中的話,可以給整個網頁主體(網頁最外層即

後加
,前加一個完畢
)新增一個div盒子,然後對這個盒子設定margin:0 auto;屬性與css寬度即可。

具體實作程式碼如:

#t-warp{margin:0 auto;width:1000px}
登入後複製

css如何使頁面整體居中

可能很多初學者並不了解margin屬性,下面我們來簡單介紹下。

margin簡寫屬性在一個宣告中設定所有外邊距屬性。

常用屬性值:

  • auto    瀏覽器計算外邊距。   

  • length    規定以特定單位計的外邊距值,例如像素、公分等。預設值是 0px。   

  • %    規定基於父元素的寬度的百分比的外邊界。   

  • inherit    規定應從父元素繼承外邊界。   

相關影片分享:css影片教學

以上是css如何使頁面整體居中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板