如何在按鈕之間添加空間？

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); 
}