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

对齐在 HTML5 上已被弃用，因此考虑改用 CSS3。 align 属性是让内容居中，而不是元素本身。

input 元素默认是 inline-block，因此，要居中，您需要将它们放在 div 中，如下所示:

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

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

所以你有另一个选项可以让输入居中，你可以设置为“display:block;”如这里:

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

参见:http://jsfiddle.net/T4f3W/