如何在css設(shè)置div在屏幕中央
2 回答

滄海一幻覺
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊
css代碼:
123456789101112131415161718192021 | <style> div#authorization_box,div#auth_confirm { marguin: 0 auto ; overflow : hidden ; } div#authorization_box { position : fixed ; z-index : 9999 ; top : 50% ; left : 50% ; width : 250px ; /* 按需改變數(shù)值 */ height : 150px ; /* 按需改變數(shù)值 */ margin-top : -75px ; /* height數(shù)值的一半 */ margin-left : -125px ; /* width數(shù)值的一半 */ -webkit-box-shadow: 0 0 3px rgba( 0 , 0 , 0 ,. 2 ); -moz-box-shadow: 0 0 3px rgba( 0 , 0 , 0 ,. 2 ); box-shadow: 0 0 3px rgba( 0 , 0 , 0 ,. 2 ); background : #fff ; padding : 10px ; } </style> |
Html代碼:(跟你發(fā)的一樣)
12345678 | < div id = "authorization_box" > < div id = "auth_confirm" > < p >驗(yàn)證身份</ p > < form action = "security.php?action=auth_confirm" method = "POST" > < input type = "password" name = "pass_input" placeholder = "placeholdervalue" min = "4" max = "16" autofocus = "autofocus" /> </ form > </ div > </ div > |
僅供參考,希望對(duì)你有幫助。
添加回答
舉報(bào)
0/150
提交
取消