我正在尝试将一对按钮居中放置在窗体中。 这些按钮被包装在 但是，在 我做错了什么？ HTML: CSS: 示例代码段: null null
您可能需要将text-align:center设置为#schemeForm
保持#FormButtons null
您似乎希望中，
display:inline-block与其相对应，因此仅与按钮一样宽。 作为
元素的的父级设置了
固定宽度:290px。上，当我设置
Margin-left:auto； 边距-右:自动，不在
中居中。 我甚至还针对元素设置了display:block，但没有效果。<form id="schemeForm">
<!--Other HTML elements-->
<div id="formButtons">
<input type="button" value="Back" />
<input type="submit" value="Submit" />
</div>
</form>
#schemeForm {
width: 290px;
display: block;
}
#formButtons {
display: inline-block; /*to make it only as wide as buttons*/
margin-left: auto;
margin-right: auto;
}
#schemeForm {
width: 290px;
display: block;
background-color: black;
}
#formButtons {
display: inline-block; /*to make it only as wide as buttons*/
margin-left: auto;
margin-right: auto;
background-color: orange;
}<html>
<body>
<form id="schemeForm">
<!--Other HTML elements-->
<div id="formButtons">
<input type="button" value="Back" />
<input type="submit" value="Submit" />
</div>
</form>
</body>
</html>
共3个答案
匿名用户
<html>
<style>
#schemeForm {
width: 290px;
display: block;
background-color: black;
text-align: center;
}
#formButtons {
display: inline-block; /*to make it only as wide as buttons*/
background-color: orange;
}
</style>
<body>
<form id="schemeForm">
<div id="formButtons">
<input type="button" value="Back" />
<input type="submit" value="Submit" />
</div>
</form>
</body>
</html>
匿名用户
Display:Block并设置Text-Align:Center。#schemeForm {
width: 290px;
display: block;
}
#formButtons {
display: block;
text-align: center;
}<html>
<body>
<form id="schemeForm">
<!--Other HTML elements-->
<div id="formButtons">
<input type="button" value="Back" />
<input type="submit" value="Submit" />
</div>
</form>
</body>
</html>
匿名用户
display:block；而不是display:inline-block；
相关问题
