HTML5，从一个div获取图像并放入另一个右对齐

Question

当我将图像从一个div放到另一个div时，它们会保持对齐。我希望他们对齐。

Answer 1

如果您正在谈论对齐以使图像彼此相邻，那么快速执行此操作的方法是使用float，其中您使用CSS将每个单独的图像彼此浮动。作为一个 例如：

.class {
float: right
}

使这些图像对齐的更好方法可能是使用flex，这样您就可以更好地控制您想要定位的每个精确图像/文本的位置。

Answer 2

下面的代码会显示图像是否正确浮动。

<强>代码：

<style>
    img {
        float: right;
    }
</style>

<p>In this example, the image will float to the right</p>

<p><img src="someimage.jpg" alt="image" style="width:100px;height:100;margin-left:15px;">
    Text blablabla. Lorim Ipsum...</p>

只需复制粘贴并查看结果即可。从那以后，您可以编辑CSS。