小编典典

防止跨度元素的换行[重复]

all

这个问题在这里已经有了答案

如何阻止文本占用超过 1 行? (5 个回答)

10 个月前关闭。

我有一个<span>元素,我想在没有任何换行符的情况下显示它。我怎样才能做到这一点?


阅读 78

收藏
2022-04-29

共1个答案

小编典典

把它放在你的 CSS 中:

white-space:nowrap;

在此处获取更多信息:http: //www.w3.org/wiki/CSS/Properties/white-
space

white-space

white-space属性声明如何处理元素内的空白。

价值观

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

pre 此值可防止用户代理折叠空白序列。行仅在源中的换行符处或在生成的内容中出现“\A”处断开。

nowrap 该值会像“正常”一样折叠空白,但会抑制文本中的换行符。

pre-wrap 此值可防止用户代理折叠空白序列。在源中的换行符处、在生成的内容中出现“\A”处以及在填充行框时需要换行。

pre-line 该值指示用户代理折叠空白序列。在源中的换行符处、在生成的内容中出现“\A”处以及在填充行框时需要换行。

inherit 采用与元素父级的属性相同的指定值。

2022-04-29