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

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

Answer 2

您应该使用CSS进行此类样式设置。放弃HTML对齐属性，添加包装器并使文本居中。另请注意，从HTML5开始，<center>标记和align=center的某些用途已弃用。

<div>
    <p>Do you want to play the game?</p><br>
    <input type="submit" name="StartQuiz" value="Yes">
    <input type="submit" name="LogOut" value="No">
</div>

对于你的CSS：

div
{
    text-align: center;
}

Answer 3

定义一个div父级并在css中提供给text-align center。

您好检查直播演示http://jsfiddle.net/vdUEZ/

删除p tag align center并提供给一个div

更新了实时演示 http://jsfiddle.net/vdUEZ/1/

Answer 4

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

Answer 5

如果您移动<input>代码中的<p>代码并删除align代码中已弃用的<input>属性，则您的策略应该有效。即使您使用align标记中的<input>属性，correct value would be "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进行居中也是可能的（首选，实际上）。

Answer 6

将输入放入<center>标记内。查看现场演示http://jsfiddle.net/xA2kS/

HTML中心输入按钮

6 个答案: