Question

我试图在按钮之间添加空间，我已经找到了方法，但我无法找到我正在寻找的内容。

for (i=0;i<res.length;i++) {
  var newbutton = document.createElement("BUTTON");
  var t = document.createTextNode("  "+res[i]);
  newbutton.appendChild(t);
  document.body.appendChild(newbutton);
}

我想在最终结果的按钮之间放置空格。我想我必须使用setattribute但不知道如何以及在何处。先感谢您。：）

Answer 1

使用CSS来做这样的事情。添加正确的保证金将按照您的要求进行...

var res = ["button1", "button2", "button3", "button4"];

for (i=0;i<res.length;i++) {
    var newbutton = document.createElement("BUTTON");
    var t = document.createTextNode("  "+res[i]);
    newbutton.appendChild(t);
    document.body.appendChild(newbutton);
}

button {
  margin-right: 10px;
}

Answer 2

你可以使用保证金：

for (i=0;i<res.length;i++) {
  var newbutton = document.createElement("BUTTON");
  var t = document.createTextNode("  "+res[i]);
  newbutton.appendChild(t);
  newbutton.style.marginRight = "5px";
  document.body.appendChild(newbutton);
}

如何在按钮之间添加空格？

2 个答案: