Html 使用单个div标记分离img标记

我有一个大小相等的图像栏，希望在每组图像之间插入一个分隔符

出现的问题是，在两个img标记之间插入div（作为分隔符）会导致换行。如果删除div标记，所有图像将正确对齐在一行中

<div class="bar">
    <img id="id1"/>

    <!-- I cause trouble -->
    <div id="d">d</div>

    <img id="id2"/>
</div>

您可以在

谢谢你的帮助 乔

谢谢你的提示。 我改了一行：

.bar {
   display: flex;
}

---

这就解决了我的问题。

使用填充或边距作为间距而不是div。这就是它的用途。

div

是

块

元素，使用

内联块

元素代替（或学习使用flexbox）

.bar {
   display: flex;
}