如何强制“span”不包裹在一行的末尾？

Question

如果它是一个非常长的文本行，我希望它能够在不包装

的情况下进行扩展

Answer 1

尝试

span
{
  white-space: pre;
}

或any other value that fits from the w3c spec：

  

<强>正常
  此值指示用户代理折叠空白序列，并根据需要断行以填充行框。

     

<强>预
  此值可防止用户代理折叠空白序列。线条仅在保留的换行符处断开。

     

<强> NOWRAP
  此值会折叠空白区域，而不是“正常”，但会抑制文本中的换行符。

     

<强>预包装
  此值可防止用户代理折叠空白序列。在保留的换行符处打破行，并根据需要填充行框。

     

<强>预线
  此值指示用户代理折叠空白序列。在保留的换行符处打破行，并根据需要填充行框。

You should also be aware that there is limited IE support for some of the listed options

警告，跨浏览器内容混乱 ：您可以使用 

替换该行中的所有空格

Answer 2

CSS：

span
{
    white-space:nowrap
}

Answer 3

如果可以将跨度设置为inline-block，则可以尝试以下操作：

display: inline-block;
width: max-content;