white-space与text-overflow如何搭配

avatar
作者
筋斗云
阅读量:1

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

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

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

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

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!