http://www.css88.com/archives/5206 根據該文章方法,放在react項目中發現並不能實現,仔細觀察發現原來react解析出來的css樣式中沒有了 這個樣式 : 然後即可實現。 ...
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>
然後即可實現。