带有GWT的HTML（非文本）的多行省略号

Question

我从 REST 服务器获取HTML字符串，它看起来像这样：

"... text with a <span class='myClass'>stylized phrase</span> and then some ..."

我需要将GWT HTMLPanel注入HTML（即element.setInnerHtml(str)）。

字符串中唯一的HTML tags是这种跨度（我不知道有多少） 我的问题是在GWT中执行此操作时，我必须考虑那些span HTML tags，这会使其变得更加复杂。

我已尝试CSS省略号效果：

.myElement {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

但它仅适用于单行，我希望它在省略号之前为2行（为了填充更多包含 div ）。

我现在唯一的办法是this trick，这在我看来就像是一种矫枉过正 我希望在GWT中这样做，有没有人知道如何做到这一点。

Answer 1

您有两种尝试方法

1）注入<BR/>标签

2）使用-webkit-line-clamp: N; /* number of lines to show */之类的其他css属性  Limit text length to n lines using CSS

这两种方法都不完全清洁。