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

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)*$/, '...');
         });
    }