css 不换行

作者：凌傲天发布日期:2025-10-17 浏览:88

/* 示例代码：防止文本换行 */

/* 使用 white-space 属性 */
p.no-wrap {
    white-space: nowrap;
}

/* 使用 overflow 和 text-overflow 属性来处理溢出内容 */
p.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

解释说明：

white-space: nowrap;：这个属性会强制文本在同一行显示，即使超出容器的宽度也不会换行。
overflow: hidden; 和 text-overflow: ellipsis;：当文本超出容器宽度时，超出部分会被隐藏，并用省略号（...）代替。

如果你需要进一步控制文本的行为，可以根据具体需求调整这些属性。

上一篇：css 省略号

下一篇：css换行