css文本超出隐藏 显示三个点

文本超出显示三个点一般分两种情况

　　一,单行文本超出隐藏

　　　overflow:hidden;

　　　text-overflow:ellipsis;

　　　white-space:nowrap;

　　二,多行文本超出隐藏

　　　　text-overflow: -o-ellipsis-lastline;

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　display: -webkit-box;

　　　　-webkit-line-clamp: 3; //行数需设置

　　　　line-clamp: 3;

　　　　-webkit-box-orient: vertical;（不生效的话可以在-webkit-box-orient: vertical；上面加这一行注释 /* autoprefixer: ignore next */ 这是因为-webkit-box-orient: vertical；被过滤掉了 autoprefixer 这个关键字可以免除被过滤的动作 ）

单行设置宽 多行设置宽高不然不会生效