我需要一个包含多行文本的框(div),并且该框需要具有固定的宽度和固定的最大高度。
我正在使用overflow: hidden;
Now 我的问题是,如果最后一行不适合 div 最大高度,它将被剪切(例如,只剪切一半的行)。在这种情况下我想要做的不是显示最后一行,而是在最后一行显示省略号
我的问题不是在单个文本行中插入省略号(使用white-space: nowrap
属性),主要问题是文本在最后一行被剪切,省略号不是问题,因为在最后一种情况下我可以使用 jQuery 插入它
我需要一个包含多行文本的框(div),并且该框需要具有固定的宽度和固定的最大高度。
我正在使用overflow: hidden;
Now 我的问题是,如果最后一行不适合 div 最大高度,它将被剪切(例如,只剪切一半的行)。在这种情况下我想要做的不是显示最后一行,而是在最后一行显示省略号
我的问题不是在单个文本行中插入省略号(使用white-space: nowrap
属性),主要问题是文本在最后一行被剪切,省略号不是问题,因为在最后一种情况下我可以使用 jQuery 插入它
添加
text-overflow: ellipsis;
到分区
编辑:好的,现在不可能,不是以标准化的方式。
但是,可以通过实验性的 webkit 功能来实现它(参见这个主题),或者通过这个家伙编写的解决方案用 JS 来实现它,并托管在 github 上。