css 设置防止文本换行

2023-11-21 08:29PM

防止文本换行可以使用 CSS 的 white-space 属性，该属性用于控制如何处理元素中的空白和换行。

有以下几个可用的值：

1. normal（默认值）：默认处理空白和换行，即根据浏览器的自动换行算法进行换行。

2. nowrap 禁止换行，文本将在同一行上显示，超出容器的部分将被截断。

3. pre 保留空白和换行，文本将按照源代码中的格式显示，如果有需要，会自动换行。

4. pre-wrap 保留空白和换行，文本将按照源代码中的格式显示，如果有需要，会自动换行。

5. pre-line 合并多个空白字符，但保留换行。文本将根据需要自动换行。

eg：

增加 white-space: nowrap; 样式前：

增加 white-space: nowrap; 样式后：

返回>>