如何强制一个‘`span`’不在行尾换行？

Question

如果它真的是一行很长的文本，我希望它扩展而不是换行

Answer 1

试一试

span
{
  white-space: pre;
}

或any other value that fits from the w3c spec

normal

该值指示用户代理折叠空白序列，并根据需要换行以填充行框。

pre

此值可防止用户代理折叠空白序列。只在保留换行符的位置换行。

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;