如果并非所有文本都适合当前行，则make span会跳转到新行

Question

如果你有类似的话：

＆＃13;

＆＃13;

<div>
  <span> first thing here </span>
  <span> second thing here </span>
  <span> third thing here </span>
</div>

＆＃13;

＆＃13;

＆＃13;

你想把这些放在一条线上，但是如果整个第三个跨度都不合适，而不是将它分成两半并将其中的一部分放在一条线上并且放在下一条线上，则需要整个跨度下降到下一行。

你会怎么做？您是否需要使用javascript来确定是否还有足够的空间？

Answer 1

＆＃13;

＆＃13;

div span:nth-child(3) {
  white-space: nowrap;
}

＆＃13;

<div>
    <span> first thing here first thing here first thing here </span>
    <span> second thing here second thing here </span>
    <span> third thing here lorem </span>
</div>

＆＃13;

＆＃13;

＆＃13;