Html 当从较小的屏幕上观看时,如何使按钮居中?

Html 当从较小的屏幕上观看时,如何使按钮居中?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有两个按钮在同一行,但当网站是在一个较小的屏幕上查看,按钮被迫在两行,第二个按钮不是集中 从笔记本电脑上看 从电话上看 <span class="inline" style=""> <a href="/mgconsole" class="btn btn-theme"><strong>Login to ASDADSADASDAS</strong></a> <a href="/idx/verify" class=

我有两个按钮在同一行,但当网站是在一个较小的屏幕上查看,按钮被迫在两行,第二个按钮不是集中

从笔记本电脑上看

从电话上看

<span class="inline" style="">
    <a href="/mgconsole" class="btn btn-theme"><strong>Login to ASDADSADASDAS</strong></a>
    <a href="/idx/verify" class="btn btn-outline" style="margin: 15px;"><strong>I Want to SDSDASDDSADASDASDASDASD</strong></a>
 </span>


如何使第二个按钮居中?

您必须添加属性
文本对齐:居中在按钮上。

您必须添加属性
文本对齐:居中

只要告诉我这个不甜就行了

<div class="row">

    <div class="col-xs-2"></div>

    <div class="col-xs-8">

        <div class="row">
             <div class="col-sm-6" style="margin-bottom:10px;">
                 <button type="button" class="btn btn-success btn-block">Enter</button>
             </div>

             <div class="col-sm-6">
                 <button type="button" class="btn btn-danger btn-block">Exit</button>
             </div>
        </div>

    </div>

    <div class="col-xs-2"></div>

</div>

进入
出口

只要告诉我这个不甜就行了

<div class="row">

    <div class="col-xs-2"></div>

    <div class="col-xs-8">

        <div class="row">
             <div class="col-sm-6" style="margin-bottom:10px;">
                 <button type="button" class="btn btn-success btn-block">Enter</button>
             </div>

             <div class="col-sm-6">
                 <button type="button" class="btn btn-danger btn-block">Exit</button>
             </div>
        </div>

    </div>

    <div class="col-xs-2"></div>

</div>

进入
出口

您可以使用网格功能,例如:

如果您想让按钮在2行上用于小型设备,在1行上用于其他设备,您可以使用不同的网格宽度(12用于小型设备,6用于其他设备)


进入
出口

您可以使用网格功能,例如:

如果您想让按钮在2行上用于小型设备,在1行上用于其他设备,您可以使用不同的网格宽度(12用于小型设备,6用于其他设备)


进入
出口

请共享您的html和CSS确保按钮小于DIV?在这种情况下,您的按钮的宽度大于它所在的DIV容器。@Chris Code Shared@Shadowfox如何更改它?在下面编辑您的帖子请共享您的html和css确保按钮小于DIV?在这种情况下,您的按钮的宽度大于它所在的DIV容器。@Chris Code Shared@Shadowfox如何更改它?在下面编辑您的帖子即使text align:center即使
文本对齐:居中,问题仍然存在
是通过您的方法添加的,两个按钮的大小将根据屏幕的宽度而变化,并且它们永远不会被强制成两行。我仍然希望按钮放在两行上,两个按钮都需要居中。你认为新的答案如何?如果你已经有了更好的东西,那么最好与我们分享。这也有助于其他明天可能会遇到类似问题的人。通过您的方法,两个按钮的大小将根据屏幕的宽度而变化,并且它们永远不会被强制分成两行。我仍然希望按钮放在两行上,两个按钮都需要居中。你认为新的答案如何?如果你已经有了更好的东西,那么最好与我们分享。它还可以帮助明天可能有类似问题的其他人。