css中如何让图片垂直向下

在 CSS 中，有多种方法可以让图片垂直向下。下面将介绍其中的两种方法。

// 第一种方法：使用 vertical-align 属性

img {
  vertical-align: bottom;
}

// 这会让图片的底部与行框的底部对齐，即图片垂直向下。 

请注意，垂直对齐只会影响行内元素，如果图片的父元素是块级元素，需要将其转换为行内块元素或行内元素，才能使 vertical-align 属性生效。

// 第二种方法：使用 absolute 定位

.container {
  position: relative;
}

img {
  position: absolute;
  bottom: 0;
}

// 将图片的 bottom 属性设为 0，即可让图片垂直向下。

// 需要注意的是，这种方法通常需要父元素设置 position: relative，否则图片相对于文档定位，而不是相对于父元素定位。