文本自动换行，固定最大高度

Question

13

我需要一个具有多行文本的盒子（div），此盒子需要具有固定宽度和固定的最大高度。

我使用overflow: hidden;，但我的问题是，如果最后一行不适合div的最大高度，则会被裁剪（例如仅裁剪一半的行）。在这种情况下，我想做的是不显示最后一行，并在最后一行中显示省略号。

我的问题不是在单个文本行中插入省略号（使用white-space: nowrap属性），而是文本在最后一行被截断，省略号不是问题，因为在最后的情况下我可以使用jQuery来插入它。

- Zeux

请尝试此链接：https://dev59.com/Uk7Sa4cB1Zd3GeqP4ISp - dreamerkumar

1个回答

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

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

- Andrea Ligios · Accepted Answer

添加

text-overflow: ellipsis;

转到Div

编辑：好的，现在不可能以标准化的方式实现。

但是，可以通过实验性的Webkit功能（请参见此主题）来实现它，或者通过这位作者编写的解决方案在GitHub上托管的JS来实现它。