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/