2013-05-21 57 views
0

形式我有一個表格,我不能中心。我已經嘗試了很多東西,包括:圍繞在CSS

form{ 
    display:inline-block; 
    text-align:center; 
    margin:auto; 
} 

黨的事情不會集中。請幫助?

網址:http://s1527.mtchs.org/wordpress/contact/

+1

指定一個寬度,然後使用'margin:0 auto;'並記住'text-align'只適用於[block containers](http://www.w3.org/TR/2011 /REC-CSS2-20110607/text.html#propdef-text-align) – Adrift

回答

4
form { 
    width: 50%; /* adjust as needed */ 
    margin: 0 auto; 
} 

塊級元素由左,右頁邊距設置爲相同的值居中 - 要做到這一點最簡單的方法一般是將它們都設置爲autotext-align在另一方面,適用於內聯應用樣式的元素中的元素。

例子可見here

0

,如果你想使用顯示:內聯塊和文本對齊組合,則必須把在父元素文本排列 示例

<div style="position: relative; display: block; text-align: center"> 
    <div style="display: inline-block"> 
</div> 

OR

可以簡單地把寬度在從css

form{ 
    display:block; 
    margin:auto; 
    width:600px; 
} 
1

玩弄利潤應該工作。設置你的元素頂部/底部邊緣,其餘的汽車,它會自動居中。

margin: 100px auto 0 auto;