如何将图片放在div的底部？

• Z时代
• 2024-01-10
• 分类：问答

我希望一个html图像与div标签的底部齐平。我似乎找不到解决此问题的方法。

这是我的HTML：

<div class="span8">
  <img src="/img/play-shot1.jpg" class="text-center shadow">
</div>

问题是div嵌套在具有填充或边距的其他div中。

回答：

在包装的div标签上添加相对位置，然后将图像绝对定位在其中，如下所示：

CSS：

.div-wrapper {
    position: relative;
    height: 300px;
    width: 300px;
}
.div-wrapper img {
    position: absolute;
    left: 0;
    bottom: 0;
}

HTML：

<div class="div-wrapper">
    <img src="blah.png"/>
</div>

现在，图像位于div的底部。

以上是 如何将图片放在div的底部？ 的全部内容， 来源链接： utcz.com/qa/435838.html