css React 单行省略和多行省略

单行省略

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;

多行省略

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

我们需要在需要超出加省略号的标签上加一个行内样式： <p className="right-margin-12 color-8 author-intro" style={{"WebkitBoxOrient": "vertical"}}>{news.pubInfo.introduction}</p>

-webkit-line-clamp：为2，是两行省略，可修改；
注：一定要定义宽度，不然无效