文字省略

[AlexZ33]

    font-size: 16px;
    line-height: 16px;
    max-width: 75%;
    margin-right: 0!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
````

[AlexZ33]

单行文字实现

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

多行文字省略

多行文字实现(有浏览器兼容问题):

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

实现文字里的行数多行显示并溢出部分省略号，line-clamp为需要设置的行数

overflow: hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;
word-break: break-all;