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

Question

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

Answer 1

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; /* 按需改变数值 */    height:150px; /* 按需改变数值 */    margin-top:-75px; /* height数值的一半 */    margin-left:-125px; /* width数值的一半 */    -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代码：（跟你发的一样）

12345678

<div id="authorization_box"  > <div id="auth_confirm" >  <p>验证身份</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>

仅供参考，希望对你有帮助。