css 文字超出、超出几行省略号

超出单行

1.使用overflow: hidden 把超出的内容进行隐藏；

2.然后使用white-space: nowrap 设置内容不换行；

3.最后使用text-overflow: ellipsis 设置超出内容为省略号

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

超出几行省略号

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 定义超出几行
line-clamp: 3;// 定义超出几行
-webkit-box-orient: vertical;