css设置不换行超出显示省略号,超出一行显示省略号

p{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; /这里的ellipsis的英文名字就是省略的意思/
}

p {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
}