将网格中的按钮对齐到中心

Question

我有以下代码

<li class="ui-body ui-body-b">
                <fieldset class="ui-grid-a">
                        <div class="ui-grid-solo"><button id="btn1" type="submit"  >Submit</button></div>
                </fieldset>
            </li>

如果我使用这个按钮不是中心..  如何将它置于中心

Answer 1

我发现在css中使用text-align会起作用：

.ui-grid-solo { text-align:center; }

Answer 2

这是Fiddle。

只需在css中添加以下代码即可。

button{
    position: relative;
    left: 50%;
}

Answer 3

我对你的css代码一无所知。通常，要在中心对齐某些元素，您可以使用类似这样的内容

CSS：

 div.center{
    margin:0 auto;
    display:block;
    text-align:center; 
 }

<强> HTML：

<div class="ui-grid-solo center"><button id="btn1" type="submit"  >Submit</button></div>