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; ），但是要添加text-align:center; ui-grid-c div的參數應將其自身應用於下面的div，並將由於它們是內聯元素而將按鈕（ <input>或<button> ）強制居中。

這是一個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的兩側都留出均勻的邊距。