如何在css设置div在屏幕中央?

Question

如何在css设置div在屏幕中央

Answer 1

css代码：123456789101112131415161718192021<style>div#authorization_box,div#auth_confirm&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;marguin:0&nbsp;auto;&nbsp;&nbsp;&nbsp;&nbsp;overflow:hidden;}div#authorization_box&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;position:fixed;&nbsp;&nbsp;&nbsp;&nbsp;z-index:9999;&nbsp;&nbsp;&nbsp;&nbsp;top:50%;&nbsp;&nbsp;&nbsp;&nbsp;left:50%;&nbsp;&nbsp;&nbsp;&nbsp;width:250px;&nbsp;/*&nbsp;按需改变数值&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;height:150px;&nbsp;/*&nbsp;按需改变数值&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;margin-top:-75px;&nbsp;/*&nbsp;height数值的一半&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;margin-left:-125px;&nbsp;/*&nbsp;width数值的一半&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-shadow:0&nbsp;0&nbsp;3px&nbsp;rgba(0,0,0,.2);&nbsp;&nbsp;&nbsp;&nbsp;-moz-box-shadow:0&nbsp;0&nbsp;3px&nbsp;rgba(0,0,0,.2);&nbsp;&nbsp;&nbsp;&nbsp;box-shadow:0&nbsp;0&nbsp;3px&nbsp;rgba(0,0,0,.2);&nbsp;&nbsp;&nbsp;&nbsp;background:#fff;&nbsp;&nbsp;&nbsp;&nbsp;padding:10px;}</style>Html代码：（跟你发的一样）12345678<div&nbsp;id="authorization_box"&nbsp;&nbsp;>&nbsp;<div&nbsp;id="auth_confirm"&nbsp;>&nbsp;&nbsp;<p>验证身份</p>&nbsp;&nbsp;<form&nbsp;action="security.php?action=auth_confirm"&nbsp;method="POST">&nbsp;&nbsp;&nbsp;<input&nbsp;type="password"&nbsp;name="pass_input"&nbsp;placeholder="placeholdervalue"&nbsp;min="4"&nbsp;max="16"&nbsp;autofocus="autofocus"&nbsp;/>&nbsp;&nbsp;</form>&nbsp;</div></div>仅供参考，希望对你有帮助。