2016-05-01 57 views
0

我有以下形式:http://imgur.com/8uV4729如何將我的表單與背景中心對齊? CSS

這個CSS:

#myForm { 
    margin: auto; 
    width: 600px; 
} 
#myForm form { 
    background-color: #E0E0E0; 
    text-align: center; 
    padding: 5px; 
} 
#myForm table { 
    text-align: left; 
} 

這裏是一個的jsfiddle鏈接:https://jsfiddle.net/3d44j5to/4/

我怎麼能對齊形式表,以便它是在中間屏幕和灰色背景?我怎樣才能在表單和提交/重置按鈕之間放置一行空格?

回答

0

enter image description here該表將佔用指定的寬度,並且剩餘的空間將同樣兩個邊緣

table{ 
    margin: auto; 
    width: 53%; 
    border: 3px solid #73AD21; 
    padding: 15px; 
} 

我也從第ADRESS輸入除去尺寸attrbut之間拆分

<input type="text" id="homeaddress" name="homeaddress" /> 

我在這裏更新你的jsfiddle https://jsfiddle.net/s3mcrk39/8/

+0

謝謝你解決了這個問題。 – nanjero05