我正在使用引导程序并尝试垂直对齐列中的按钮。列中间的垂直对齐按钮 - 引导程序
注意:我无法使用flex,也无法根据标准定义高度。
如果我使用边距,它将无法在平板电脑和移动设备上使用。所以下面
是我的代码:
.col-xs-2, .col-xs-6 {
display: inline-block;
}
.col-xs-2 {
vertical-align: middle;
}
<div class="container">
<div class="row">
<div class="col-xs-4">
<h4>Some really large label that will wrap to multiple lines in small screens</h4>
</div>
<div class="col-xs-6">
<h4>Some really large label that will wrap to multiple lines in small screens</h4>
</div>
<div class="col-xs-2">
<button class="btn" style="color: #660066;"> <i class="fa fa-arrow-left" data-ng-click="onClickBack()"></i>
</button>
</div><!--
-->
</div>
</div>
所以我的问题是如何使箭头按钮对齐到该行的中间。
我试过了:display:table-cell
和display: inline-block;
似乎没什么可行的。我错过了什么吗?
恐怕这是一个有点难以理解你想要什么。你可以上传一张图片展示你想要的东西吗? –
行中间的箭头按钮按钮。 – user2936008
下一行中与第二个文本元素位于同一行的哪一行?另外,如果你的意思是在中间的“左 - 右”,即“水平”,而不是“垂直”。我想也许你是在横向集中之后。 –