我需要一个带有多行文字的方框(div),这个方框需要有固定的宽度和固定的最大高度。
我正在使用overflow: hidden;
现在我的问题是,如果最后一行不适合div最大高度,它将被切断(例如,仅切割线的一半)。在这种情况下我想要做的是不显示最后一行,并在最后一行显示省略号
我的问题不是在单个文本行中插入省略号(使用white-space: nowrap
属性),主要问题是文本在最后一行被剪切,省略号不是问题,因为在最后一种情况下我可以使用jQuery插入它
答案 0 :(得分:6)
添加
text-overflow: ellipsis;
到Div
编辑:好的,现在不可能,不是以标准化的方式。
但是,可以通过实验性webkit功能实现它(参见this topic), 或者通过这个人写的the solution与JS一起完成,并托管在github上。