如何居中输入文本框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;
}Stack Overflow用户
发布于 2014-08-08 02:38:56
我使用了这段代码，并尝试了adarshr答案，它确实将表单居中。Chris也是对的，语义在这里非常重要，因为在看到它之后，我觉得这可能不是你想要的。我想对阅读这篇文章的初学者补充的另一点是，当您添加text-align: center时，它需要放在css文件中，并以；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7188192
复制相关文章
相似问题
腾讯云开发者
