工作中经常会用到超出部分用省略号的需求

css方法

这个段落太长了，我只想显示一行，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替
.text{	width:200px;	overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}复制代码

这个方法只适用于显示一行，多行的话就不可以了。

css3方法

这个段落太长了，我只想显示一行，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替
.text{	width:300px;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	overflow: hidden;}复制代码

这个方法 line-clamp 表示显示的行数。

以上。