css单行文本省略号、多行文本省略号

效果图:

css单行文本省略号:

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

css多行省略号:

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/* 2代表超出两行显示省略号，几行省略就写几 */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;