防止跨度元素换行

html CSS

猴子村村

2020-03-30

我有一个<span>要显示的元素，没有任何换行符。我怎样才能做到这一点？

第3867篇《防止跨度元素换行》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

小胖Gil 2020.03.30

如果只需要防止空格字符换行，则可以 在单词之间使用实体：

No&nbsp;line&nbsp;break

代替

<span style="white-space:nowrap">No line break</span>

老丝 2020.03.30

把它放在你的CSS中：

white-space:nowrap;

white-space

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

价值观

normal 此值指导用户代理折叠空白序列，并在必要时断开线条以填充线框。

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

nowrap 此值与“正常”一样折叠空白，但抑制文本内的换行符。

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

pre-line 该值指导用户代理折叠空白序列。在源代码中的换行处，在生成的内容中出现“ \ A”时以及需要填充行框时，这些行都是断开的。

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android