css – 如何将图像放置在div的底部?

前端之家收集整理的这篇文章主要介绍了css – 如何将图像放置在div的底部?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个html图像与div标签底部齐平。我似乎找不到一个办法来完成这个。

这是我的HTML:

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

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

解决方法

向包装div标签添加相对定位,然后将图像绝对定位在其中:

CSS:

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

HTML:

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

现在图像位于div的底部

猜你在找的CSS相关文章