css 单、多行文本超出转省略号

单行：

display: inline-block;

width: 100%;          /*  a  */

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

多行：

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

text-overflow: ellipsis;