材质ui不能文本溢出：省略号和溢出：隐藏多行

如何解决材质ui不能文本溢出：省略号和溢出：隐藏多行

我是材料ui的新手，这是我当前的网站状态： reality of current website

这就是我所期望的： what i expected it become

从上面的两张图片中可以看到，我希望圆圈中的文本缩短并以3个点截断...我尝试使用Nowrap属性对材料ui进行排版，但从一开始它就截断了文本像这样的行： nowrap typography

当文本太长并且到达卡片的两行时，我希望它被截断并省略掉，就像上面的第二张图片一样，请帮帮我，非常感谢，并祝您有美好的一天：）

您可以在此链接codesandbox demo的codeandBox演示中进行编辑

解决方法

您可以使用line-clamp

mainContent: {
  display: 'box',lineClamp: 2,boxOrient: 'vertical',overflow: 'hidden',}

Codesandbox演示