在 CSS 中,有多种方法可以让图片垂直向下。下面将介绍其中的两种方法。
// 第一种方法:使用 vertical-align 属性
img {
vertical-align: bottom;
}
// 这会让图片的底部与行框的底部对齐,即图片垂直向下。
请注意,垂直对齐只会影响行内元素,如果图片的父元素是块级元素,需要将其转换为行内块元素或行内元素,才能使 vertical-align 属性生效。
// 第二种方法:使用 absolute 定位
.container {
position: relative;
}
img {
position: absolute;
bottom: 0;
}
// 将图片的 bottom 属性设为 0,即可让图片垂直向下。
// 需要注意的是,这种方法通常需要父元素设置 position: relative,否则图片相对于文档定位,而不是相对于父元素定位。