2012-12-28 21 views
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這樣做,有沒有人有關於如何做到這一點的想法。

回答

2

有兩種方法來嘗試

1)注入<BR/>標籤

2)使用額外cssproperty像-webkit-line-clamp: N; /* number of lines to show */ Limit text length to n lines using CSS

這兩種方法都不是完全乾淨。

+0

已經試過這個,http://codepen.io/joe/pen/hfybL,但是這隻適用於基於'webkit'的瀏覽器(比如'Chrome'和'Safari'),但不適用於我的'Firefox''IE9 '和'歌劇'。 –

+1

是的,因爲CSS屬性前綴只提及它的webkit。需要爲其他瀏覽器找到變通辦法 - http://www.css-101.org/articles/line-clamp/line-clamp_for_non_webkit-based_browsers.php – SSR

+0

令人驚訝的是,這個工程。謝謝。 –

相關問題