我需要一个盒子(div),在多行上有一些文本,这个盒子需要有一个固定的宽度和一个固定的最大高度.
我正在使用overflow: hidden;现在我的问题是,如果最后一行不适合div最大高度,它将被切割(例如切割线的一半).在这种情况下我想要做的是不显示最后一行,并在最后一行显示省略号
我的问题不是在单个文本行中插入省略号(使用white-space: nowrap属性),主要问题是文本在最后一行被剪切,省略号不是问题因为在最后一种情况下我可以使用jQuery插入它
在我的网页中,我有一个固定宽度的div并使用以下css:
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
省略号正在起作用,问题是它会删除最后一个单词,我希望它将省略号(...)放在一个完整单词的最后.
例如,如果我有文本:"stackoverflow是最好的",并且如果它需要在接近结束时切割,我希望它显示"stackoverflow是......"而不是"stackoverflow是... "