http://www.css88.com/archives/5206
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;根据该文章方法，放在react项目中发现并不能实现，仔细观察发现原来react解析出来的css样式中没有了 这个样式 ：
-webkit-box-orient: vertical;
所以我们需要在需要超出加省略号的标签上加一个行内样式：<p className="right-margin-12 color-8 author-intro" style={{"WebkitBoxOrient": "vertical"}}>{news.pubInfo.introduction}</p>
然后即可实现。
本文转载于:猿2048➥https://www.mk2048.com/blog/blog.php?id=hc2jkaa&title=react实现多行文本超出加省略号
![c语言volatile_[技术]为什么单片机C语言编程时某一变量有时乱码](https://img-blog.csdnimg.cn/img_convert/fc720409985e5a744c5ea1368a6ed29b.png)
![32位数据源中没有mysql_[SpringBoot实战]快速配置多数据源（整合MyBatis）](https://img-blog.csdnimg.cn/img_convert/fd29f6ed71926d366dc5843265f1102d.png)
