HTML中心输入按钮

这是我的密码：

        <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吗？我在网上阅读，只是使用简单的对齐标记

---

如何将这些按钮对准中心？

如果将

标记移动到

标记中，并移除

标记中不推荐使用的

align

属性，则您的策略应该有效。即使要在

标记中使用

align

属性，也要使用而不是

的“中心”

。请尝试以下代码：

<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进行居中。

将输入放入

标记中。查看实时演示

定义一个div父项，并在css中指定

文本对齐中心

嗨，请看现场演示

---

移除

p标签对齐中心

并给一个div

更新的现场演示

您想玩游戏吗？

您应该使用CSS进行此类样式设置。去掉HTML对齐属性，添加包装器，并将文本居中。还要注意的是，从HTML5开始，

标记和

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>

---

Align在HTML5上不受欢迎，因此考虑改用CSS3。align属性用于将内容居中，而不是将元素本身居中

默认情况下，输入元素是内联块，因此，要居中，需要将它们放在div中，如下所示：

<div style="text-align:center;">
    <input type="text" />
</div>

这是因为内联块元素与其他元素共享同一条线，并且需要将共享同一条线的所有元素居中。div元素是一个单独显示在一行中的块元素

因此，您有另一个选项来居中输入，您可以设置为“显示：块”，如下所示：

---

请参阅：

在HTML4.01中被弃用。@leppie:几乎。改为尝试

style=“文本对齐：居中”

div
{
    text-align: center;
}​

<div style="text-align:center;">
    <input type="text" />
</div>

<input type="text" style="margin:0px auto; display:block;" />