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

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;

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