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

我该如何去对齐这些按钮到中心？如果移动的<p>标签内的<input>标签，并在<input>标签删除废弃align属性

Answer 1

你的战略应该工作。即使您要在<input>标记中使用align属性，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 2

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

Answer 3

定义一个div 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

你应该使用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 6

对齐不赞成对HTML5，所以考虑使用CSS3来代替。对齐属性是将内容居中而不是元素本身。

输入元素是在默认情况下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/