如何使按钮从小屏幕查看时集中？

我在同一行有两个按钮，但是当在较小的屏幕上查看网站并且按钮被强制为两行时，第二个按钮不是集中式的。如何使按钮从小屏幕查看时集中？

从电话

<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>

如何让我的第二个按钮集中看一台笔记本电脑

看？

来源

2017-05-29 The Yellow

请分享您的html和css – Chris

确保按钮比DIV小？在这种情况下，您的按钮的宽度大于它所在的DIV容器的宽度。 – Shadowfox

@Chris Code Shared。 –

您可以使用网格功能例如：如果你想在两排用于小型设备和1排为他人按钮

你可以使用不同的网格宽度（12为小6为其他）

<div class="row"> 
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
     <button type="button" class="btn btn-success btn-block">Enter</button> 
    </div> 

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

来源

2017-05-29 15:42:55 scaisEdge

你必须在你的按钮上添加财产text-align: center;。

来源

2017-05-29 15:11:58

即使在您的方法中添加了'文本对齐：中心'， –

只要告诉我，如果这个人是不是甜

<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>

来源

2017-05-29 15:16:16

时，问题仍然存在，两个按钮的大小将根据屏幕的宽度而变化，并且永远不会被强制为两排。我仍然希望按钮位于两行，两个按钮都需要集中。 –

你对新的答案有什么看法？如果你已经有更好的东西，应该很高兴与我们分享。它还可以帮助明天可能有类似问题的其他人。 –

如何使按钮从小屏幕查看时集中？

回答

相关问题