Question

我想连续创建div，如果它在JavaScript中达到外div的宽度而不使用canvas和float，它应该会出现在下一行。

for(i = 0; i < 20; i++) {
    var ind = (Math.round(Math.random(0,2)*2));
    var child = document.createElement("div");
    child.setAttribute("id","div"+i);
    child.style.backgroundColor=colors[ind];
    maindiv.appendChild(child);
}

Answer 1

您可以使用display: inline-block; css属性。请参阅this

＆＃13;

var maindiv = document.getElementById('parent');
for (var i = 0; i < 100; i++) {
  var ind = (Math.round(Math.random(0, 2) * 2));
  var child = document.createElement("div");
  child.setAttribute("id", "div" + i);
  child.setAttribute("class", "inline");
  child.innerText = 'div';
  //child.style.backgroundColor = colors[ind];
  maindiv.appendChild(child);
}

＆＃13;

.inline {
  display: inline-block;
}

＆＃13;

<div id="parent"></div>

＆＃13;

不断创造div

1 个答案: