Bootstrap 垂直对齐div中的span

acruukt9 于 9个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(116)

我尝试使用Bootstrap 4的对齐帮助类在div中垂直对齐内容“ABC Company”;但无法做到这一点。我使用下面的代码。

<div class="container" style="width: 740px;">
<div class="row">
  <div class="col-sm text-right" style="line-height: 20px; height: 20px; color:#004990; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:10px;">
      Your Account
  </div>
</div>
<div class="row">
  <div class="col-sm text-center" style="background-color:#0471AF; height:100px;">
    <span class="align-middle">ABC Company</span>
  </div>
</div>

字符串
请指出我错过了什么！

twitter-bootstrap

来源：https://stackoverflow.com/questions/47102641/vertically-align-span-in-a-div

1条答案

按热度按时间

wwodge7n1#

将display: flex; justify-content: center; align-items: center;设置为col-sm text-center或，或者将col-sm text-center设置为display: flex; justify-content: center;，将<span>设置为align-self: center;。

.col-sm.text-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

个字符

赞(0）回复(0）举报 9个月前

我来回答

Bootstrap 垂直对齐div中的span

1条答案

相关问题

热门标签

最新问答