这是我的代码:
<p align="center">Do you want to play the game?</p><br>
<Input type = 'Submit' Name ='StartQuiz' value="Yes" align="center">
<Input type = 'Submit' Name ='LogOut' value="No" align="center">
按钮不在中间。我必须使用CSS吗?我在网上阅读只是为了使用简单的对齐标签。
我该怎么把这些按钮对准中心呢?
最佳答案
在HTML5上不推荐使用Align,因此考虑改用CSS3。对齐属性是将内容居中,而不是将元素本身居中。
默认情况下,输入元素是内联块,因此,要使它们居中,需要将它们放在DIV中,如下所示:
<div style="text-align:center;">
<input type="text" />
</div>
这是因为内联块元素与其他元素共享同一行,并且需要将共享同一行的所有元素居中。DIV元素是一个单独显示在一行中的块元素。
因此,您有另一个选项来将输入居中,您可以将其设置为“display:block”;如下所示:
<input type="text" style="margin:0px auto; display:block;" />
见:http://jsfiddle.net/T4f3W/