问题描述
我是材料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演示
