我<input type="submit">
在表单中有一个按钮和一个div
. div
具有指定的宽度和填充。我希望按钮在 div 中完全居中,但我不能。
这里的代码
.dVolver {
text-align: center;
background-color: lightblue;
padding: 0.5em;
width: 400px;
}
<div class="dVolver">
<form method="POST" action="creatabla.php">
<input type="submit" value="VOLVER">
</form>
</div>
<br><br>
<div class="dVolver">
<input type="submit" value="VOLVER">
</div>
好吧,事实证明,如果你在这里运行代码,你会看到它正确,但如果你在 Chrome 或 Firefox 中尝试它,你会看到在第一个div
中,BACK 按钮没有居中,底部的空间比顶端。在第二个 div 中,按钮居中,因为我删除了表单,但我需要表单,我无法删除它。
为什么它不能正确居中?
原因是在第一个 div 中你有两个元素,而在第二个中一个单个元素尝试从 div 中删除类并将相同的类放在表单上
我希望它对你有帮助。
你好!如果要将 div 元素内的所有内容居中,则必须首先将所有内容放在 div 元素内,然后只需将以下样式添加到div:
用line-height试试;
是一个使用相对百分比值控制行间距的值。它通过为两个元素赋予相同的值来工作。