css行内文本超出显示省略号或显示固定超出部分省略

/*文本不换行，这样超出一行的部分被截取，显示...*/
.line-limit-length {
width: 200px;
overflow:hidden;
text-overflow:ellipsis;
background: goldenrod;
white-space: nowrap;/*加宽度width属来兼容部分浏览*/
}

.show-text-line-3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}