Javascript 单击创建引导标签时，引导标签之间的空格将被删除

当我点击我的按钮创建时，每次都会创建一个新的引导标签

但当它这样做时，就没有间隙了，正如你在下面的图片中看到的那样，标签被聚在一起

问题：当我点击我的“创建”按钮时，标签之间会有一个空格，我该怎么做呢。jQuery似乎删除了空间

$（文档）。在（“单击”，“标记”，函数（事件）{
$（'.label container'）.append（'Default'）；
});

HTML

创造

只需在标签上添加边距即可

在CSS中：

.label {
  margin: 2px;
}

---

您要寻找的是，

inline block

通常会在

inline block

元素之间呈现空白——例如，如果您在标记中创建这些元素，并且在它们之间有行，那么它将包含一个小的空白。但是，

append

方法不添加空格，因此元素直接相邻

虽然我同意amallard用CSS处理这个问题的解决方案，但如果您真的想重新创建它在写入HTML时的外观效果，您只需在

追加中包含少量空白（如单个空格）：

$(document).on("click", "#tag", function(event) {
  $('.label-container').append('<div class="label label-default">Default</div> ');
});

$（文档）。在（“单击”，“标记”，函数（事件）{
$（'.label container'）.append（'Default'）；
});
哇，我不知道。完全正确是的，这是CSS行为中一个奇怪/令人惊讶的小“抓到”了——大多数时候人们都在试图弄明白而不是把它加回去：）这是一种“很好知道”的东西，这样当它突然出现在你身上时你就能认出它。
.label {
  margin: 2px;
}

$(document).on("click", "#tag", function(event) {
  $('.label-container').append('<div class="label label-default">Default</div> ');
});