这是我的代码:

        <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/

08-25 11:18
查看更多