相关疑难解决方法(0)

CSS 类 align-self-end 不起作用

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-md-3">
  <div class="card bg-dark text-white">
    <img class="card-img" src="http://via.placeholder.com/300x340" alt="Card image">
    <div class="card-img-overlay">
      <h5 class="card-title">Title</h5>
      <h3 class="card-text font-weight-bold"><span class="mr-auto">Some other title here</span></h3>
      <div class="align-self-end">Text I want at bottom</div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我无法通过将此类应用于align-self-end图像底部来获取最后一个 div 中的文本。我知道 flex 已经以.card-img-overlay列的方向应用于div 那么为什么我无法将 div 放到图像的底部?

html css flexbox bootstrap-4

4
推荐指数
1
解决办法
4417
查看次数

标签 统计

bootstrap-4 ×1

css ×1

flexbox ×1

html ×1