css 文字不换行

作者：穹上之月发布日期:2026-05-20 浏览:100

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

/* 使用 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 filter

下一篇：css滚动条样式修改