Css 将网格中的按钮与中心对齐

Css 将网格中的按钮与中心对齐,css,Css,我有下面的代码 <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> </fie

我有下面的代码

<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>
  • 提交
  • 如果我使用此按钮,则按钮不在中间。。
    如何在css中使用文本对齐将其置于中心

    我发现:

    .ui-grid-solo { text-align:center; }
    
    这是你的电话号码

    只需在css中添加以下代码

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

    我不知道你的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>
    
    提交
    
    这取决于li和字段集的css。