CSS佈局問題

Question

我已經繼承了一個代碼庫。我需要一個div添加到網頁：

• 爲中心，
• 所有內容的水平（不是垂直）

目前，我有

<div style="background-color:silver; padding:8px; text-align:center;"> 
    <input type='text' value='birth date'/> 

    <select> 
     <option>Male</option> 
     <option>Female</option> 
    </select> 
    <input type="checkbox" value="Is New?" /> 
</div> 

堆疊

呈現此內容時，銀色框是整個屏幕的寬度。但是，我只是希望它是內容的寬度，邊緣和控件之間有8px的填充。然後我想要div爲中心。我究竟做錯了什麼？

謝謝！

Answer 1

爲您的DIV的寬度值，並把保證金汽車，像這樣：

<div style="background-color:silver; margin: auto; width: 250px; padding: 8px;"> 

編輯：

<div style="text-align:center;padding:8px;"> 
    <span style="background:silver;padding:8px;"> 
     <input type='text' value='birth date'/> 
     <select> 
      <option>Male</option> 
      <option>Female</option> 
     </select> 
     <input type="checkbox" value="Is New?" /> 
    </span> 
</div>