html页面中，怎么能能让form表单在页面中居中，上下左右都居中。不分页面的大小，只在页面的中间显示_随笔

#login{

width:400px

height:280px

position:absolute

left: 50%

top: 50%

margin-left:-200px

margin-top:-140px

border:1px

background-color:red

align:center

}

#form{

width:300px

height:160px

position:relative

left:50%

top:50%

margin-left:-150px

margin-top:-80px

}

</STYLE>

</head>

<body>

<s:form action="" >

<s:textfield name="username" label="用户名" ></s:textfield>

<s:password name="password" label="密码" ></s:password>

<s:select list="{}" listKey="1" listValue="1" label="用户类型"></s:select>

<s:submit value="登录" theme="simple"></s:submit>

<s:reset value="重置" theme="simple"></s:reset> </td>

</tr>

</s:form>

</div>

</body>

</html>

原理就是使用两个div,一个是绝对定位，一个是相对定位，绝对定位用于控制在浏览器中位置；相对定们的div把表单包起来，控制让其居中。

form本身不是可见元素，不能设置为居中，你说的应该是让里面显示的内容居中吧。可以在内嵌的div或外包的div中设置text-align，如果要整块内容居中，则可以设置外包的或内嵌的div（或其它容器）的margin-left和margin-right为auto。

欢迎分享，转载请注明来源：内存溢出

html页面中，怎么能能让form表单在页面中居中，上下左右都居中。不分页面的大小，只在页面的中间显示