使用Jquery.dotdotdot进行间断截断

我正在使用jquery.dotdotdot截断传送带上Tiles上的冗长文本。截断有时会间断地截断小于预期的结果。（例如截断文本至4行，但在某一时刻，只截断至3行）。使用Jquery.dotdotdot进行间断截断

在我的CSS我曾经有4行式是最大高度=行高* 4.

感谢任何回应。谢谢。 JS：

$(document).ready(function() { 
       EllipsisConfigFunction($(".module-body.dot-ellipsis")); 

    function EllipsisConfigFunction($elements) { 
     $elements.each(function() { 
      var $element = $(this); 
      $element.dotdotdot({ 
       // configuration goes here 
       ellipsis: '... ', 

       /* How to cut off the text/html: 'word'/'letter'/'children' */ 
       wrap: 'word', 

       /* Wrap-option fallback to 'letter' for long words */ 
       fallbackToLetter: true, 

       /* jQuery-selector for the element to keep and put after the ellipsis. */ 
       after: null, 

       /* Whether to update the ellipsis: true/'window' */ 
       watch: true, 

       /* Optionally set a max-height, can be a number or function. 
        If null, the height will be measured. */ 
       height: null, 

       /* Deviation for the height-option. */ 
       tolerance: 0, 

       /* Callback function that is fired after the ellipsis is added, 
        receives two parameters: isTruncated(boolean), orgContent(string). */ 
       callback: function (isTruncated, orgContent) { }, 

       lastCharacter: { 

        /* Remove these characters from the end of the truncated text. */ 
        remove: [' ', ',', ';', '.', '!', '?'], 

        /* Don't add an ellipsis if this array contains 
         the last character of the truncated text. */ 
        noEllipsis: [] 
       } 
      }); 
     }); 
    } 
    });

CSS：

.module-body{ 
      max-height: 80px; 
      overflow: hidden; 
      position: relative; 
      text-align: left; 
      line-height:20px; 
     }

来源

2016-03-28 Jovit Mayo

既然你还没有发布任何代码的我最好的建议如下：

https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ 
https://api.jquery.com/jQuery.trim/ 
http://stackoverflow.com/a/4637957/5833940

看看这些解决您的问题。

bests :)

来源

2016-03-28 08:53:48 SG1Asgard

谢谢@ SG1Asgard。我用代码更新了问题。感谢您的建议，但我需要一个跨浏览器多行省略号。欣赏它。 –

使用Jquery.dotdotdot进行间断截断

回答

相关问题