CSS 图片右对齐：三种方法详解

CSS 图片右对齐：三种方法详解

本文将介绍三种使用 CSS 将图片移到右端的常用方法，并提供代码示例，帮助您轻松实现图片右对齐效果。

1. 使用 float 属性将图片向右浮动

img {
  float: right;
}

该方法通过设置图片的 float 属性为 right，使图片向右浮动，并与文本内容并排显示。

2. 使用 text-align 属性将图片所在的容器中的文本对齐方式设为右对齐

.container {
  text-align: right;
}

该方法通过设置图片所在的容器的 text-align 属性为 right，将容器内的所有内容（包括图片）都向右对齐。

3. 使用 position 属性将图片的位置设为绝对定位，并设定 right 属性为 0，使其贴着右边缘

img {
  position: absolute;
  right: 0;
}

该方法通过将图片的 position 属性设置为 absolute，并将 right 属性设为 0，将图片固定在容器的右边缘，与容器的宽度保持一致。

以上三种方法各有优劣，您可以根据实际情况选择最适合您的方法。