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添加了代码>即使文本对齐:居中,问题仍然存在
是通过您的方法添加的,两个按钮的大小将根据屏幕的宽度而变化,并且它们永远不会被强制成两行。我仍然希望按钮放在两行上,两个按钮都需要居中。你认为新的答案如何?如果你已经有了更好的东西,那么最好与我们分享。这也有助于其他明天可能会遇到类似问题的人。通过您的方法,两个按钮的大小将根据屏幕的宽度而变化,并且它们永远不会被强制分成两行。我仍然希望按钮放在两行上,两个按钮都需要居中。你认为新的答案如何?如果你已经有了更好的东西,那么最好与我们分享。它还可以帮助明天可能有类似问题的其他人。