居中jquery-ui按鈕

奇怪的事情。我中心div在另一個div內，並且一切正常，直到內部div更改爲.button。然後它不再居中。居中jquery-ui按鈕

HTML：

<div style='width:100%;'> 
    <div id='bt_click_me' class='button'>Click</div> 
</div>

CSS：

#bt_click_me 
{ 
    width:100px; 
    margin: 0 auto !important; 
}

當bt_click_me是一個普通的div只是一個文字，一切都很好。當我做$('.button').button()時，它會變成一個不錯的jquery-ui按鈕，但也會移動到外部div的左側。任何線索？

2011-09-28 Jakub M.

是在你的CSS的其他地方使用的按鈕類可能會混淆的CSS？ –

我認爲你必須有一些衝突的CSS。您可以在http://jsfiddle.net/或http://jsbin.com/上重新創建您的問題，或提供指向您網頁的鏈接？ – thirtydot

類**按鈕**定義可能是問題。 – punit

我敢肯定，這與jQuery的CSS通過應用ui-button類，它從block股利切換到inline-block改變div的行爲，從而使margin: 0 auto;風格不再是一個有效的方式做居中（內聯元素不能以margin爲中心）。

嘗試將display: block;添加到您的樣式，或將text-align: center;添加到您的包裝div。

2011-09-28 19:39:41

賓果！ 'display：block'適合我 –

回答