jQuery dotdotdot插件无法正常工作

Question

我试图在使用dotdotdot插件的面板中显示评论列表,但结果并不欢呼:

从下面的xhtml代码:

<li>
    <h:link value="#{Comment.commentAuthorName}: " id="goToProfileWithAuthorName"
            outcome="/profile.xhtml" type="submit"
            style="text-decoration:none;font-weight:bold;font-size: 11px;color: rgb(120,120,159);">
        <f:param name="userId" value="#{Comment.comauthorId}"/>
    </h:link>

    <div id="wrapper">
        #{Comment.commentText}
    </div>
    <br></br>
    <abbr class="timeago" title="#{Comment.commentDate}"
          style="color: #778899;font-size: 10px;">
    </abbr>

    <br/>
</li>

并在js代码下面:

$(document).ready(function() {
    $("#wrapper").dotdotdot({
        //  configuration goes here
    });
})

如果我解决了溢出的问题,我可以解决垂直尺寸问题,但我想猜测dotdotdot是不正确的.让我再向你展示一个奇怪的事情:

正如您所看到的,似乎div(包装器)宽度值正确计算但文本仍然溢出.可能是什么原因？

谢谢你的帮助.

Answer 1

试试这个

div#wrapper{
   word-wrap: break-word;
}

Answer 2

我遇到了类似的问题,最终我删除了这个插件并开始使用这个CSS:

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

要使其工作,您必须定义width.