对于包含dotdotdot.js元素的文本，Jquery html插件无法正常工作

Question

我正在为我的项目使用dotdotdot.js。

最近，我添加了一个富文本编辑器(tinymce)，文本现在有一些html元素，如p、a、b、i等。

对于此文本，点点不能按预期工作。

这里是小提琴：http://jsfiddle.net/dgkdN/

$(".text-ellipsis").dotdotdot({
    watch: "true", 
    after: ".read-more", 
    callback: function (isTruncated, orgContent) {
        if (isTruncated) {
            $('.read-more', this).show();
        }
    }
});

请找到下面显示问题的屏幕截图：

​

"Useruuu“文本应该完全显示出来。但它被切断到垂直高度的一半。这就是我面临的问题。

我想正常地显示它，我的意思是，整个线条的高度。或者只显示"...“如果它不能占据可用的垂直高度

请帮帮我！

Answer 1

将overflow: hidden从您的小提琴中移除：

.text-ellipsis{ max-height:27px; width:100%; }

Answer 2

p是具有默认填充的块元素。您可以删除/替换此填充

.dotdotdot p {
     padding:0;
    }

或者，您可以将p (以及由富文本编辑器放置的其他块元素)设置为inline。

.dotdotdot > * {
  display: inline;
}