css图片放在又下
导读:CSS图片放置在底部img.bottom {position: absolute; /*设置绝对定位*/bottom: 0; /*将图片底部与父元素底部对齐*/left: 0; /*将图片靠左对齐*/}CSS图片放置在底部在网页设计中...
CSS图片放置在底部img.bottom {
position: absolute;
/*设置绝对定位*/bottom: 0;
/*将图片底部与父元素底部对齐*/left: 0;
/*将图片靠左对齐*/}
CSS图片放置在底部
在网页设计中,经常需要将图片放置在底部,用CSS来实现这个效果非常简单。
首先我们需要给图片设置一个class,如下:
img class="bottom" src="image.jpg" alt="图片">
然后在CSS中设置这个class的样式,使用以下代码:
img.bottom {
position: absolute;
bottom: 0;
left: 0;
}
将图片的position设置为absolute,让图片脱离文档流,然后设置bottom为0,将图片底部与父元素底部对齐,最后设置left为0,将图片靠左对齐。
以上就是实现CSS图片放置在底部的方法。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css图片放在又下
本文地址: https://pptw.com/jishu/533783.html