首頁  >  文章  >  web前端  >  使用css實作頁面居中的方法介紹

使用css實作頁面居中的方法介紹

高洛峰
高洛峰原創
2017-03-15 09:40:031866瀏覽

在網頁製作的過程中,為方便讀者的閱讀,會把網頁內容限定在一個較小的方框中,並居中顯示,如何實現這一功能呢?

1)把正文放在一個

標籤中,只要這個標籤居中整個網頁就居中了。

2)接下來要介紹一個方法:負邊框,也就是 margin 的值為負數

#text{

    padding-left: 50%;

    width: 1000pxx;

    margin-left: -500px

}

這樣頁面就居中了。


以上是使用css實作頁面居中的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn