css 文字一行显示

发布时间 2023-10-29 19:22:06作者: Cold的窝

要强制将文本内容显示在一行中,可以使用CSS的 white-space 属性和 overflow 属性来实现。

首先,将 white-space 属性设置为 nowrap,这样文本内容就不会换行。然后,将 overflow 属性设置为 hidden,这样超出一行的内容就会被隐藏起来。

以下是示例代码:

.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* 可选,当内容超出一行时,用省略号表示 */
}