8

这是我的代码：

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

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

4

6 回答 6

15

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

默认情况下，输入元素是 inline-block，因此，要居中，您需要将它们放在 div 中，如下所示：

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

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

因此，您还有另一个选项可以使输入居中，您可以设置为“display:block;” 就像这里：

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

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

于 2014-06-24T15:28:34.050 回答
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;
}​
于 2012-05-29T05:48:21.013 回答
0

text-align center定义一个 div 父级并在您的 css 中给予。

嗨检查现场演示http://jsfiddle.net/vdUEZ/

删除p tag align center并给一个 div

更新了现场演示 http://jsfiddle.net/vdUEZ/1/

于 2012-05-29T05:44:25.330 回答
0 
<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>
于 2012-05-29T05:46:47.133 回答
-1

如果您在<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 进行居中。

于 2012-05-29T05:42:35.850 回答
-1

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

于 2012-05-29T05:43:40.157 回答