div内添加过多的span标签后，div会边长

当你在 `div` 元素中添加了大量的 `span` 元素时，如果这些 `span` 元素的总宽度超过了 `div` 元素的宽度，那么 `div` 元素的宽度就会随之增加。这是因为默认情况下，`span` 元素是内联元素，它们会根据其内容自动调整宽度。

为了避免这种情况，你可以将 `span` 元素改为块级元素，通过设置其 `display` 属性为 `block` 或 `inline-block` 来实现。例如，你可以使用如下 CSS 代码：

div span {
  display: inline-block;
}

这将使所有 `span` 元素变为块级元素，它们会根据其父元素的宽度自动调整宽度，并且不会超出 `div` 元素的宽度。如果你希望这些 `span` 元素在同一行内排列，你可以设置它们的 `float` 属性或使用 Flexbox 布局等技术来实现。