1
我正在從一個REST服務器HTML
串多行省略號,它看起來就像這樣:的HTML(而不是文本)與GWT
"... 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
這樣做,有沒有人有關於如何做到這一點的想法。
已經試過這個,http://codepen.io/joe/pen/hfybL,但是這隻適用於基於'webkit'的瀏覽器(比如'Chrome'和'Safari'),但不適用於我的'Firefox''IE9 '和'歌劇'。 –
是的,因爲CSS屬性前綴只提及它的webkit。需要爲其他瀏覽器找到變通辦法 - http://www.css-101.org/articles/line-clamp/line-clamp_for_non_webkit-based_browsers.php – SSR
令人驚訝的是,這個工程。謝謝。 –