通过JavaScript创建时内联块元素的行为不一致

我有一堆相同的div，它们的display属性设置为inline block。我知道，默认情况下，内联块元素的周围有一些空白，因此在不进行任何修改的情况下，我希望这些元素周围有一些可用空间。这个问题不是关于删除它们

若我只是将它们硬编码到html文件中，那个么它们的行为就和我期望的一样

* { 保证金：0； 填充：0； } 分区箱{ 宽度：100px； 高度：40px； 背景：红色； 显示：内联块； }

---

你把空白和空白混淆了。内联元素对代码中的空格很敏感，所以当您通过JS生成它们时，除非您手动添加它，否则空格是不存在的。在第一个示例中，最简单的方法是将所有div放在同一行上，不带空格或回车符

* { 保证金：0； 填充：0； } 分区箱{ 宽度：100px； 高度：40px； 背景：红色； 显示：内联块； }

---

你把空白和空白混淆了。内联元素对代码中的空格很敏感，所以当您通过JS生成它们时，除非您手动添加它，否则空格是不存在的。在第一个示例中，最简单的方法是将所有div放在同一行上，不带空格或回车符

* { 保证金：0； 填充：0； } 分区箱{ 宽度：100px； 高度：40px； 背景：红色； 显示：内联块； }

---

相反，如果在每个框之间添加document.createText，您将看到与HTML中相同的结果。谢谢你们，我没有这样想过。相反，如果在每个框之间添加document.createText，您将看到与HTML中相同的结果。谢谢你们，我没有这样想过。