云南網站建設創新企業 昆明多彩網絡公司

在線qq:540105663

怎么用純css將div定位為窗口居中?

來源:昆明網站制作公司 日期:2010-09-13 閱讀: 發表評論

網絡上大部分窗口居中都是用js實現的,先獲取窗口的大小,然后計算自身的高度,再除以二得到div的X坐標和Y坐標,其實css也可以實現這個功能。

一般居中彈出層使用在提示,或者替換alert窗口達到美化的作用,比如一個div層,高度是300像素,寬度是500像素,看以下代碼:

div{ width: 500px; height: 300px; margin: -150px 0 0 -250px; top: 50%; left:50%;position:absolute;}

就可以達到窗口div水平和垂直居中的效果。

發表評論評論列表(有 條評論)

亚洲人在线观看无码影院_欧美激情一区在线观看_黄色大片网站_99国产精品久久久久99