jQuery Mobile的：風格電網驗證HTML5

Question

在我的網站，我使用jQuery Mobile的，我需要使用網格對齊按鈕，在每個小區的中心：

| [BUTTON] | [BUTTON] | [BUTTON] | 

我的代碼是

<div class="ui-grid-c" align="center"> 
    <div class="ui-block-a"> 
     [button code] 
    </div> 
    <div class="ui-block-b"> 
     [button code] 
    </div> 
    <div class="ui-block-c"> 
     [button code] 
    </div> 
</div> 

但是，如果我在div中使用align屬性，我會收到HTML5驗證錯誤。

所以我的問題是，我如何設置一個樣式來獲得圖形結果？

Answer 1

我不知道，如果你想在他們旁邊另一個或在彼此的頂部（但在中間）一致，但增加text-align:center;到ui-grid-c DIV應該讓自己在下面的div和將強制按鈕（<input>或<button>）被集中，因爲它們是內聯元素。

Here's JSFiddle示例。

編輯
另外，如果你希望他們能在走，你會想float內的div併爲它們指定寬度（33%應該是不錯的，如果你只有三個）。看我的例子。

而這裏的代碼：

.ui-grid-c { 
    text-align:center; 
} 
.ui-grid-c > div { 
    width:33%; /*Remove this if you don't want them in a line*/ 
    float:left; /*Remove this if you don't want them in a line*/ 
} 

Answer 2

<div style="margin:0 auto;"> 
----Conent------ 
</div> 

這樣可以在div的兩側產生利潤空間。