如何居中输入文本框HTML？
如何居中输入文本框HTML？
提问于 2011-08-25 17:43:04
我有一个表单，我想将文本框和标签居中。我该怎么做呢？(我本以为将左对齐和右对齐自动可以做到这一点，但它不起作用)。这是我的代码：
<body>
<div id="formWrapper">
</center>
<form method ="post" action="addMember.php">
<label for="name">Username:</label>
<input name="name"/>
<label for="password">Password:</label>
<input name="password"/>
<label for="email">Email:</label>
<input name="email"/>
<p>
<fieldset>
<input class="btn" name="submit" type="Submit" value="Register"/>
<input class="btn" name="reset" type="reset" value="Clear Form">
</fieldset>
</form>
</div>
</body>风格：
#formWrapper{
width:550px;
padding: 2em 0 2em 0;
border:solid 5px #F1F1F1;
margin-top: 100px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #AFC8DE;
}回答 5
Stack Overflow用户
发布于 2011-08-25 17:51:34
如果将text-align: center应用于表单，它会将字段放在中心位置。
语义在这里很重要，所以看看一种可访问的表单方法。http://www.alistapart.com/articles/prettyaccessibleforms
Stack Overflow用户
发布于 2011-08-25 17:51:55
看看这个：http://jsfiddle.net/7auS8/
Stack Overflow用户
发布于 2017-05-05 12:03:23
将align="center"添加到表单
div id="formWrapper">
<form method ="post" action="addMember.php" align="center">
<label for="name" >Username:</label>
<input name="name"/>
<p>
<label for="password">Password:</label>
<input name="password"/>
<p>
<label for="email">Email:</label>
<input name="email"/>
<p>
<fieldset>
<input class="btn" name="submit" type="Submit" value="Register"/>
<input class="btn" name="reset" type="reset" value="Clear Form">
</fieldset>
</form>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7188192
复制相关文章
相似问题
腾讯云开发者
