带有固定最大高度的文本换行

时间:2012-10-12 14:24:17

标签: javascript html css css3 textwrapping

我需要一个带有多行文字的方框(div),这个方框需要有固定的宽度和固定的最大高度。

我正在使用overflow: hidden;现在我的问题是,如果最后一行不适合div最大高度,它将被切断(例如,仅切割线的一半)。在这种情况下我想要做的是不显示最后一行,并在最后一行显示省略号

我的问题不是在单个文本行中插入省略号(使用white-space: nowrap属性),主要问题是文本在最后一行被剪切,省略号不是问题,因为在最后一种情况下我可以使用jQuery插入它

1 个答案:

答案 0 :(得分:6)

添加

text-overflow: ellipsis;

到Div

编辑:好的,现在不可能,不是以标准化的方式。

但是,可以通过实验性webkit功能实现它(参见this topic), 或者通过这个人写的the solution与JS一起完成,并托管在github上。