javascript - 添加元素之前的 jQuery 行为很奇怪

Question

请转到 jsfiddle:here .单击带有“+”号的最后一张图片，这将打开一个带有添加按钮的弹出窗口，请单击它。

问题是，我无法弄清楚，为什么如果我添加多个元素(多次单击 ADD，例如 4-5 次)，新元素之间的距离会更小比预定义元素之间的距离？我为其使用相同的 CSS，相同的 HTML 结构。

Answer 1

原因是<li>标签具有自然间距。

您有几个选择:

• 停止使用 li 标签并使用其他标签。
• <li>每行的标签，就像它应该的那样。
• 变自然<li>行为

li {
display: table;
}

编辑:正如 Florin 提到的，另一种选择是:

a {
  float: left
}

无论如何，这都是关于 li 的行为。有很多方法可以解决。