[分享]css中将图片放在最下方

当我们需要在网页上放置一张图片时，我们希望它不仅可以凸显出来，同时还能够完美地与文本相融合。在这种情况下，将图片放置在最下方可能是个不错的选择。 img { : absolute; bottom: 0...

当我们需要在网页上放置一张图片时，我们希望它不仅可以凸显出来，同时还能够完美地与文本相融合。在这种情况下，将图片放置在最下方可能是个不错的选择。

 img {
        position: absolute;
        bottom: 0;
    } 

上述代码使用了CSS的position属性，将图片的显示位置设为绝对定位，然后将底部位置设置为0，也就是放在了最下方。

可以在标签中添加class或id来选取指定的图片，然后在CSS中进行定义。

 #bottom-img {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto;
    } 

上述代码将ID为“bottom-img”的图片设置为绝对定位，并将底部位置设置为0。此外，为了确保图片可以铺满整个页面宽度，我们还添加了width:100%样式，并通过height:auto自适应高度。

以上就是将图片放置于网页最下方的CSS实现方法。