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

Question

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

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

正如你可以从上面的两张图片中看到的，我希望圆圈中的文本被缩短并截断3个点…我使用nowrap属性尝试了材料ui的排版，但它从第一行开始截断了文本，如下所示：nowrap typography

我希望它是截断和省略的，当文本太长，超过2行的卡片，如上面的第二张图片，请帮助我，非常感谢并祝您愉快:)

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

Answer 1

您可以使用line-clamp

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

Codesandbox演示

​

​