css 显示n行文字的方法 超出的部分用省略号代替

// 超出的部分用省略号代替

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; // 显示文字的行数
overflow: hidden;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
word-break: break-all ;