css 文本溢出显示省略号

webkit内核下
.content { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

兼容其他浏览器
.content {
font-size: 14px;
color: #4A4A4A;
overflow: hidden;
line-height: 26px;
position: relative;
height: 45px;
}
.content :after {
content: ‘…’;
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 10%;
height: 1.8em;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}