一、单行文本溢出显示省略号:
css:
width: 366px;
font-size: 14px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
border: 3px solid green;
效果图:
二、多行文本溢出显示省略号:
css:
display: -webkit-box;
width: 366px;
height: 44px;
font-size: 14px;
line-height: 24px;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
border: 3px solid green;
有个缺点就是只支持webkit内核的浏览器,效果图: