中心img in div有几个元素

Question

这是我的div：

        <div>
            <img src="picture.png" class="picture"/>
            <span class="done-button">Done</span>
        </div>

我希望图像位于屏幕的中央，并且完成按钮靠近右侧（不是所有方式，小填充）。 有人可以帮忙吗？ 我的主要问题是当同一个div中有另一个元素时，图像居中在屏幕中间。

BTW没有固定大小...

由于

Answer 1

这应该对你有帮助！

<div id="image-wrapper">
  <img src="https://unsplash.it/200" class="picture" />
  <span class="done-button">Done</span>
</div>

applyTextStyles