如何居中這個表單按鈕塊？

我希望這種形式的帶按鈕在水平方向排隊，坐作爲一個整體在頁面的水平中心。如何居中這個表單按鈕塊？

如何設置我的CSS？

<form action="signup.php" method="post"> 
     <fieldset> 
      <label>Email: <label> 
      <input type="text" name="email" id="email" placeholder='email address' /> 
      <input type="submit" value="Sign Up" class= "button" /> 
      </fieldset> 
      </form>

來源

2011-03-29 algorithmicCoder

您沒有正確關閉您的標籤...... – 2011-03-29 21:36:49

充足。這是一個解決方案。雖然，我不推薦使用內聯樣式，但這裏是您的CSS形式。

<form action="signup.php" method="post" style="margin: 0 auto; width: 350px;"> 
    <fieldset> 
    <label>Email: <label> 
    <input type="text" name="email" id="email" placeholder='email address' /> 
    <input type="submit" value="Sign Up" class= "button" /> 
    </fieldset> 
</form>

來源

2011-03-29 21:40:47

謝謝！如何隱藏表單主體周圍的邊框？ – algorithmicCoder 2011-03-29 21:50:10

'border'來自'fieldset'。使用'

'，但請記住內聯樣式不好。 – thirtydot 2011-03-29 22:02:07

是這樣的：

<div style="width: 300px; margin-left: auto; margin-right:auto;"> 
    <form action="signup.php" method="post"> 
     <fieldset> 
      <label>Email: <label> 
      <input type="text" name="email" id="email" placeholder='email address' /> 
      <input type="submit" value="Sign Up" class= "button" /> 
      </fieldset> 
     </form> 
</div>

來源

2011-03-29 21:34:39

@Dmitriy更好：'保證金：0汽車;' – 2011-03-29 21:37:48

@ SIME維達斯：不是更好！同樣的:)但是我的方式對他來說會更清楚，如果他沒有這方面經驗的話。 – 2011-03-29 21:40:27

@Dmitriy代碼的14個字符如何不超過37個字符的代碼？較小的代碼=更好。 – 2011-03-29 21:42:33

我想包你的投入在一個div，並設置股利顯示：在你的CSS在線。在你的CSS還針對您的形式，並設置保證金：自動的方式來解決這個

來源

2011-03-29 21:36:21

回答

相關問題