react实现多行省略, 高度不固定

可以使用CSS的text-overflow属性实现多行省略效果，需要设置以下三个CSS属性：

1. white-space: nowrap; // 指定文本不换行
2. overflow: hidden; // 溢出文本隐藏
3. text-overflow: ellipsis; // 超出部分用省略号表示

同时，还需要设置一个固定高度或max-height属性，使文本区域不超过高度限制。如果需要实现高度不固定的多行省略，可以使用CSS3中的-webkit-line-clamp属性：

1. display: -webkit-box; // 使用flex布局
2. -webkit-box-orient: vertical; // 垂直方向flex布局
3. -webkit-line-clamp: 2; // 指定显示的行数
4. overflow: hidden; // 溢出文本隐藏
5. text-overflow: ellipsis; // 超出部分用省略号表示

注意，-webkit-line-clamp属性只能在webkit内核的浏览器中使用，如Chrome、Safari等。在其他浏览器中可以使用CSS3的伪元素+文字截断技巧实现。