HTML中心输入按钮

Question

这是我的代码:

        <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吗？我在网上看到只使用简单的对齐标签.

我应该如何将这些按钮与中心对齐？

Answer 1

Align在HTML5上已弃用,因此请考虑使用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/

Answer 2

如果您将<input>标签移动到标签内<p>并删除标签align中已弃用的属性，您的策略应该会起作用<input>。即使您要align在标记中使用该属性<input>，正确的值也应该是"middle"，而不是"center"。试试这个代码：

<p align="center">Do you want to play the game?<br>
    <Input type = 'Submit' Name ='StartQuiz' value="Yes">
    <Input type = 'Submit' Name ='LogOut' value="No">
</p>

也可以（实际上是首选）使用 CSS 来居中。