CSS 怎么让DIV页面居中？
<style>ul,ol,li{list-style:noneoutsidenone;padding:0;margin:0;}input.text{margin-bott...
<style>
ul, ol, li { list-style: none outside none; padding: 0; margin:0;}
input.text { margin-bottom:12px;width:18%; padding: .4em; }
fieldset { padding:0; margin:0;border:0; }
</style>
</head>
<body>
<div id="login-form">
<form>
<fieldset>
<ul>
<li><label for="name">账号</label></li>
<li><input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /></li>
<li><label for="password" class="newline">密码</label></li>
<li>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</li>
<li>
<input type="checkbox" id="autologon" name="autologon"/> <label for="autologon">自动登陆</label>
<input type="checkbox" id="remember" name="remember"/> <label for="remember">记住密码</label>
</li>
</ul>
</fieldset>
</form>
</div>
// 上面的DIV如何居中啊。只要居中页面中input text大小就会发生变化。嵌套到表格里倒是可以居中，但是表格的大小需要设定才行，如法自动。 展开
ul, ol, li { list-style: none outside none; padding: 0; margin:0;}
input.text { margin-bottom:12px;width:18%; padding: .4em; }
fieldset { padding:0; margin:0;border:0; }
</style>
</head>
<body>
<div id="login-form">
<form>
<fieldset>
<ul>
<li><label for="name">账号</label></li>
<li><input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /></li>
<li><label for="password" class="newline">密码</label></li>
<li>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</li>
<li>
<input type="checkbox" id="autologon" name="autologon"/> <label for="autologon">自动登陆</label>
<input type="checkbox" id="remember" name="remember"/> <label for="remember">记住密码</label>
</li>
</ul>
</fieldset>
</form>
</div>
// 上面的DIV如何居中啊。只要居中页面中input text大小就会发生变化。嵌套到表格里倒是可以居中，但是表格的大小需要设定才行，如法自动。 展开
5个回答
展开全部
<div id="bigdiv">
假设这个bigdiv是你的大容器
</div>
-------------css------------:
body{
text-align:center;
}
#bigdiv{
width:992px;/*换成你的宽度，宽度必须有*/
margin:0 auto;/*这个就是可以让有宽度的div框居中的语句*/
}
假设这个bigdiv是你的大容器
</div>
-------------css------------:
body{
text-align:center;
}
#bigdiv{
width:992px;/*换成你的宽度，宽度必须有*/
margin:0 auto;/*这个就是可以让有宽度的div框居中的语句*/
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将body设置成这：body{margin:0 auto;}或者在最外面加个div，设置成：.xxx{margin：0 auto;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.w{ width:1002px; margin:0 auto; border:#FF0000 solid 1px;}
.w ul{ padding:0; margin:0;}
.w li{ list-style-type:none; font-size:12px; text-align:center;}
<div class="w">
<ul>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
</ul>
</div>
请采纳！！
.w ul{ padding:0; margin:0;}
.w li{ list-style-type:none; font-size:12px; text-align:center;}
<div class="w">
<ul>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
<li><input name="" type="text" /></li>
</ul>
</div>
请采纳！！
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在style里面多一行看看
div {text-align:center;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin 0,auto
更多追问追答
追问
水平居中已经解决了，但是垂直居中不行
追答
margin:auto,auto;position:absolute
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
