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

【问题标题】：HTML5, take images from one div and put into another right alignedHTML5，从一个 div 中获取图像并放入另一个右对齐
【发布时间】：2018-02-21 11:34:32
【问题描述】：

当我将图像从一个 div 放到另一个 div 时，它们是左对齐的。我希望它们正确对齐。

【问题讨论】：

在css中使用float:right
您好，tursun，您的问题已经解决了吗？
@RonnieOosting，是的，albin paul 说的是对的。图像掉落显示在右侧，而不是左侧。但是我发现了另一个问题：我希望图像在第二个和其余的下降时也下降到右边，它们不应该将前一个推到左边，但它本身会出现在前面下降的左边。如何显示我的代码？
我建议选择一个答案作为答案，并创建一个新问题。您只需将代码复制粘贴到您的问题中即可显示您的代码
@RonnieOosting，感谢您的及时回答。无论如何，我修改了我的帖子。它现在在上面。兄弟有什么解决办法吗？

标签： html alignment

【解决方案1】：

如果您正在谈论对齐以使图像彼此相邻，一种快速的方法是使用float，您可以使用 CSS 让每个单独的图像彼此相邻浮动。作为一个示例：

.class {
float: right
}

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

【讨论】：

欢迎使用 StackOverflow！您能否详细说明如何使用 flex？使用超链接对答案很有用，但建议更详细地解释它们：meta.stackexchange.com/questions/8231/…

【解决方案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。

【讨论】：

如果出现下一张图片怎么办？比如说，我希望它出现在上一张图片的左侧？目前是我的，新图像总是向左踢旧图像。