Question

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

<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>

Answer 1

css代码：

<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代码：（跟你发的一样）

<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>

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

Answer 2

一般要先设置DIV的宽度，IE浏陆缺览器下BODY直接用css的text-align=“center”，firfox是设置div的css：margin：0, auto.
在IE，text-align是对所有元素居中，而在firfox中的text-align只早源辩对文本元裂皮素居中，所以要DIV居中，firfox用margin：0 auto；

Answer 3

#div{
marign:auto;
}

这个div就会居誉袭中显示了

auto是自动调整大庆拿兄小的，左右边距相同，敏哗就是居中了

Answer 4

居中没问题，上下用定位，用js也行！

Answer 5

margin:0px auto 0px auto;
width:960px;