萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Div在頁面中居中的方法介紹

Div在頁面中居中的方法介紹

歡迎大家在這裡學習Div在頁面中居中的方法這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!

相信大家最不明白就是在margin:-150px 0 0 -100這個屬性上面,在不設置這個屬性的時候,這個div的x坐標為內容顯示部分的50%,y坐標為內容顯示部分的50%,顯示出來的然而這樣的話只能說這個div的起點是在正中間,我們需要的是將整個div顯示在正中間,所以給margin-left:-150px;(這裡的150是從width屬性中得來的它是等於width的一半,對應的margin-top也是通過通樣的方法得來的。)這樣就會把整個div的寬度分一半到左邊就可以讓其水平居中了,在設置margin-top:-100px;是同樣的道理,會將整個div的高度分一半到上面顯示。就形成了整個div在浏覽器的正中間顯示。

好了,Div在頁面中居中的方法就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

divcssclip屬性介紹

copyright © 萬盛學電腦網 all rights reserved