2011-11-11 80 views
3

所以大約在這個一個失去我的彈珠..文本溢出省略號自動換行後

我的問題:我需要有一個垂直對齊基線無序列表中的文本,但也做類似的信息(文本 - 溢出:省略號)僅在一行換行之後。

什麼我來下結論的是這不僅可以用CSS來完成,(如果可以,請告訴我!)

這裏有一個小提琴,如果有幫助! http://jsfiddle.net/5NVze/

另外的什麼,我試圖完成一個圖像... http://img535.imageshack.us/img535/2307/exampleps.jpg

+1

我想不出一個唯一的CSS的解決方案的任何。即使您將單元格固定爲2行高,不包裝的單元格也會有太多難看的空白空間。 –

+1

即使您確實將它們修復爲2行高,文本溢出將不再起作用。它只是沒有省略號而截斷。不幸的是,它需要將白色空間設置爲nowrap。 –

+0

@Nate B,不幸的是,這就是我對自己的結論 – Starboy

回答

2

所以解決方案是你不能只用CSS做到這一點!

下面是一個簡單的例子,通過MooTools/CSS http://jsfiddle.net/5NVze/5/

+0

這種解決方案是一種cop-out。而不是強制它成爲兩行文本,而是迫使它長達18個字符 - 在許多情況下,這會產生令人無法接受的結果。即使在你自己的場景中,它的表現也不是那麼好,因爲更多的內容可以放在幾個盒子裏。 – BrainSlugs83

相關問題