React Material UI排版组件最大行数。

Question

React Material UI排版组件最大行数。

5

我有一个非常简单的问题; 限制行数。对于一段长文本，我希望最多显示3行。我尝试了以下方法但没有成功:

<Typography
    sx={{
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        WebkitLineClamp: 3,
        WebkitBoxOrient: 'vertical',
    }}
    variant="body1">
    {longText}
</Typography>

- Tom el Safadi

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tom el Safadi · Accepted Answer

我已经让它像这样工作：

<Typography
    sx={{
        display: '-webkit-box',
        overflow: 'hidden',
        WebkitBoxOrient: 'vertical',
        WebkitLineClamp: 3,
    }}
    variant="body1">
    {longText}
</Typography>

欢迎提出更好的建议。