white-space与text-overflow如何搭配

white-space 和 text-overflow 可以搭配使用来控制文本溢出和空白字符的显示方式。

当文本溢出时，可以使用 white-space 属性来控制文本的换行方式，而 text-overflow 属性可以指定当文本溢出时的处理方式，比如显示省略号。

例如，可以将 white-space 设置为 nowrap，这样文本将不会换行，同时将 text-overflow 设置为 ellipsis，这样当文本溢出时将显示省略号。

.text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样就可以实现当文本溢出时显示省略号，而不会换行。