显示不开以省略号形式显示

使用css实现 文字显示不开时，用省略号代替

1、

单行文本：

 

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

 显示效果：

 

 

2、多行文本

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*行数*/
overflow: hidden;

 显示效果