我有一个自举面板,在面板上需要一个右对齐且垂直居中的按钮 - 我很难过。我在XAMPP上使用Laravel 5.5 PHP工作。
我可以对齐它,但它会粘在右下角。我在这里尝试了许多建议来垂直对齐它,但是无论何时我成功进行垂直对齐,我都会失去右对齐。我尝试了text-align:right
而不是float:right
,我已经尝试display:inline-block
,display:flex
和align-self:center
,但都无济于事。
这是我的代码右对齐,但按钮位于底部,部分位于面板之外。
<div class="col-md-6">
<div class="panel panel-default" >
<div class="panel-heading" style="background-color:#f37735;color:white"><h3><b>Employment History</b></h3>
<button class="btn btn-primary" type="button" style="float:right;" data-toggle="collapse" data-target="#collapseEmployment" aria-expanded="false" aria-controls="collapseEmployment">
Show Items
</button>
</div> .....
这是我所拥有的照片。红色箭头是我需要放置按钮的地方。 button placement 任何和所有建议都是最受欢迎的 - 谢谢。