css设置文字不换行

作者：迷失未来发布日期:2026-06-08 浏览:126

/* 使用 white-space 属性来设置文字不换行 */
.white-space-nowrap {
    white-space: nowrap;
}

/* 示例 HTML 代码 */
<p class="white-space-nowrap">
    这是一段不会换行的文字，无论内容有多长，都会显示在一行内。
</p>

解释说明：

white-space: nowrap;：这个 CSS 属性值告诉浏览器不要在文本中自动换行。所有文本将保持在同一行，直到遇到明确的换行符（如 <br> 标签）。

上一篇：css文字超长省略号

下一篇：换行 css