javascript - 使用高度和宽度添加省略号

Question

我正在尝试使用带有 the below code 的 javascript 在多行上添加省略号.它适用于大多数情况，但文本宽度与单元格宽度相同的情况除外。在那种情况下我无法不添加省略号。所以我还需要检查宽度。

while ($(this).height() > 60) {
  $(this).text(function (index, text) {
    return text.replace(/\W*\s(\S)*$/, '...');
  });
}   

Answer 1

尝试使用带有 overflow:hidden 的容器向溢出的内部段落标记添加省略号。

var $container = $(container);
    var $p = $container.find("p");
    var divh = $container.height();

    while ($p.outerHeight()>divh) {
        $p.text(function (index, text) {
            return text.replace(/\W*\s(\S)*$/, '...');
         });
    }