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;

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