文本超出部分省略（包括多行文本超出部分省略显示）

单行文本超出省略：

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

多行文本超出部分省略显示：

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

此方法是不是很规范，也可用下面这种方法：

p {
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow:hidden;
}
p::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
}