CSS對齊支持

Question

CSS：

p.submit { 
text-align: center; 
} 

HTML：

<p class="submit"> 
    <input type="submit"value="submit" name="SUBMIT"/> 
</p> 

我想我的對齊按鈕提交到中心，但它不工作。

Answer 1

如果在input上使用margin:auto，它將使元素居中。它使元素兩邊的邊距總是相同的。但由於input是一個內聯元素，你也必須使用display:block，因爲你不能調整的內聯元素

input { 
    margin:auto; 
    display:block 
} 

Fiddle

而且邊緣，你的例子對我的作品在Firefox 22

Fiddle

Answer 2

這將以p元素內的提交按鈕爲中心，將它居中。

p.submit input[type='submit'] { 
    margin: auto; 
    display: block; 
}