div中span怎么设置为同一行

如果想要在一个 `div` 元素中将多个 `span` 元素设置为同一行，可以使用 CSS 中的 `display` 属性来实现。

一种常用的方法是将每个 `span` 元素的 `display` 属性设置为 `inline` 或 `inline-block`，这样它们就会在同一行内排列。例如：

<div>
  <span style="display: inline-block;">Span 1</span>
  <span style="display: inline-block;">Span 2</span>
  <span style="display: inline-block;">Span 3</span>
</div>

另一种方法是将 `div` 元素的 `display` 属性设置为 `flex`，然后在容器内部设置每个 `span` 元素的 `flex` 属性，这样它们也会在同一行内排列。例如：

<div style="display: flex;">
  <span style="flex: 1;">Span 1</span>
  <span style="flex: 1;">Span 2</span>
  <span style="flex: 1;">Span 3</span>
</div>

这里的 `flex: 1;` 表示每个 `span` 元素的宽度都是相等的，并且它们会平均分配 `div` 容器的宽度。如果想要调整每个 `span` 元素的宽度，可以根据实际情况设置不同的 `flex` 属性值。