小编Tur*_*rvy的帖子

对于 reactjs 应用程序，我使用 Material-ui ( https://material-ui.com/ ) 进行设计。而且我需要在卡片中写入与 2 行完全匹配的文本。

当文本可以包含在 2 或 1 行中时，我已经完成的工作，但对于较长的文本，剪切变为单词之前，而不是省略号。

这是我所做的

   <Box
        fontSize="h5.fontSize"
        component="div"
        overflow="hidden"
        textOverflow="ellipsis"
        height={70}
      >
        {title}
      </Box>

在第一张牌上的结果是好的，因为在第二张牌上，最后一个单词“Floooooo”显示在隐藏部分（第三行）中，但没有显示在带有省略号的第二行中。我尝试添加 whiteSpace="nowrap" 但文本只有 1 行高（图 2）

你能帮我吗？