CSS HTML如何将div中的图像对齐到右下角

要使 div 中的图像对齐到右下角，可以使用 CSS 中的 text-align 和 vertical-align 属性。具体步骤如下：

1. 使用 display: inline-block 或 display: inline 将图像设置为内联元素，并设置 vertical-align: top 或 vertical-align: middle，这样图像就会默认垂直居中。
2. 使用 margin-top 将图像向上移动，直到图像的顶部与父元素的底部对齐。
3. 设置父元素的 text-align: right，这样父元素中的所有内容都会向右对齐。

以下是示例代码：

<div>
  <img src="image.jpg" alt="Image" style="display: inline-block; vertical-align: top;">
  <p>This is some text.</p>
</div>

CSS 代码：

div {
  text-align: right;
}

img {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

在这个例子中，div 元素中的 text-align: right 将使其内容向右对齐，而 img 元素使用 display: inline-block 和 vertical-align: top 使其图像垂直居中并向上移动。同时，margin-top 属性将图像向上移动，直到其顶部与 div 元素的底部对齐。