Javascript 如何定位<；span>；基于<；span>；要素

这听起来是一个非常基本和愚蠢的问题，但我必须让它工作，所以在这个频道上被问到。 我想把

span

中的元素放在彼此相邻的位置，我有

span

元素的宽度。我希望跨度中的元素尊重宽度，当它们超过宽度时，我希望它们落在下一行

 <div class="text">
     <span>
    eel1
    </span>
    <span>
    eel1
    </span>
    <span>
    eel1
    </span>
    <span>
    eel1
    </span>
  </div>
// these values are array of strings that I populate inside this span

因此，根据

span

的宽度，我希望能够在一行中显示多个元素。另外，因为这不是静态HTML，而是为这些元素动态生成的

span

---

谢谢

移除

清除：左侧来自css中的span。也就是说，每个跨度元素不应允许浮动元素位于其左侧，从而导致跨度移动到下一行

还可以更改测试类的宽度。在20px时，它太小，无法安装跨度元素

您的css应该如下所示：

span {
  float: left;
}
.test {
  width: 100%;
}
.spanWidth {
  width: 80px;
}

移除
清除：左侧来自css中的span。也就是说，每个跨度元素不应允许浮动元素位于其左侧，从而导致跨度移动到下一行

还可以更改测试类的宽度。在20px时，它太小，无法安装跨度元素

您的css应该如下所示：

span {
  float: left;
}
.test {
  width: 100%;
}
.spanWidth {
  width: 80px;
}

我希望跨度中的元素尊重宽度，当它们超过宽度时，我希望它们落在下一行。-->这已经是默认行为，我希望该跨度中的元素与宽度相关，当它们增长超过该宽度时，我希望它们落在下一行。-->这已经是默认行为