我有这个 javascript 用于在两个按钮之间添加空格，我刚刚创建并插入到div：
document.getElementById("divID").appendChild(buttonONE);
document.getElementById("divID").innerHTML + =" ";
document.getElementById("divID").appendChild(buttonTWO);
两个按钮之间有一个空格，但总是只有一个空格，就像您只按了一次空格键一样。
我怎样才能将这些空间增加到一个以上？
谢谢
HTML 中的所有空格，包括换行符，都减少到只有一个空格。这就是规则。
不要使用空格。它们并不准确。使用一个元素并在 CSS 中给它一个宽度、填充或边距。
如果您必须使用空格，请使用 . 这是一个不间断的空间，所有这些都被打印出来。但实际上，不要使用它。
您必须 为每个空格使用（不间断空格）以防止浏览器将其显示为一个空格。
如果您不是在寻找指定的长度，请使用 html 实体 ，
否则使用margin-left:10px;
在 JavaScript 中使用：window.onload = function(){
var element = document.getElementById("Element-Id");
element.style.marginLeft = "20px";
您不需要window.onload = function(){}，但您确实需要确保函数在加载后才执行（您可能知道。 )
var b;
b = 0;
function move() {
var a = document.getElementById("example");
b += 20;
a.style.marginLeft = b + "px" // For moving a specified amount, just remove var b, b = 0, b+=20; and then replace a.style.marginLeft = b+"px"with a.style.marginLeft = "[amount]";
}button{
outline:0;
border-radius:35%;
border-width:0;
background-color:red;
color:white;
cursor:pointer;
}
button:hover{
color:red;
background-color:blue;
}
a{
cursor:default;
border-radius:10%;
border-width:10%;
}<html>
<head>
<title>Example</title>
<head>
<body>
<button onclick="move()">Move the text 20px to the left.</button><br>
<a style="background-color:black;color:white;" id="example">Example</a>
</body>
</html>CSS 解决方案怎么样？您可以给元素一个 ID 并使用 ID 选择器：
#buttonTWO
{
margin-left: 20px;
}
或者如果你不能使用 CSS 用 Javascript 设置它：
document.getElementById("divID").appendChild(document.getElementById("buttonONE"));
var buttonTwo = document.getElementById("buttonTWO");
buttonTwo.style.marginLeft = "20px";
document.getElementById("divID").appendChild(buttonTwo);
我相信您会因为 html 剥离空间的性质而得到这个。
您也许可以在呈现该文本的任何元素上使用 white-space: pre css 属性。
<div id="divID" style="white-space: pre"></div>
我对您的申请了解不多，但也许这就足够了。
（这是迟到的答案，但它会让其他像我在寻找解决方案时一样登陆此页面的人受益）
使用 html 的 pre 标签解决了我的问题。
我正在显示一个有时会有多个空格的数组，我需要保留它而不将其减少到一个空格。