为什么JavaScript添加的按钮没有默认间距？

这个问题似乎太普遍了，我不想在这里把它作为一个问题来问，但是我似乎很难找到任何关于给定问题的信息。当我试图添加基本的HTML按钮时，通过JavaScript单击功能（或根本不单击）添加的

和

按钮都会有所不同。示例如下：

我试图通过按钮之间的均匀间距实现以下目标：

$（文档）.ready（函数（）{
$（“插入”）。插入后面的（“按钮”）；
//$（“按钮”）。之后（“插入”）；
});

按钮1
按钮2
按钮3
因为您有nextSibling文本元素


$（文档）.ready（函数（）{
$（“输入”）。单击（函数（el）{
console.log（el.target.nextSibling）//nextSibling空格文本
var btn=document.createElement（“输入”）；
btn.setAttribute（“类型”、“按钮”）；
btn.setAttribute（“值”、“添加”）；
文件.正文.附件（btn）；
});
});

尝试在带有Element.classList.add（“btn btn lg btn窄带btn默认值”）的新按钮上添加相同的类。您在新添加的按钮上缺少btn窄带类。JS插入没有空格的按钮（检查源代码）我的问题与正在使用的类无关，示例没有CSS（到目前为止）。无需编辑html，检查副本，您将找到许多方法。最简单的方法是使用
display:flex设置容器，或者使用字体大小技巧，或者使元素浮动，等等