2012-11-15 105 views
1

我如何適應大量的文本固定大小的div。我希望在這個範圍文本最大寬度DIV然後中斷與dotts文字...適合文本里面div

我想這一點,我沒有看到結果,我想真的是

.description { 
    max-width:590px; 
    max-height:100px; 
    float:left; 
} 

result what i got now

enter image description here

我要這個圖像

回答

5

給它一個固定的寬度並使用text-overflow CSS屬性寬度值ellipsis

Demo

text-overflow: ellipsis; 

注意:這將僅適用於單個線是有效的

如果你想這應該在多行工作,那麼你需要使用jQuery

DemoSource

+0

你的榜樣其工作單行線,如果DIV寬度400像素;高度100px;如何適應。 – mans

+0

@mans你需要使用jQuery來做到這一點,更新我的答案 –

+0

謝謝,我會嘗試 – mans

1

使用text-overflow屬性

text-overflow:ellipsis; 

你應該保持。

overflow:hidden; 
white-space:nowrap; 

這裏是使用溢出內容的參考。

https://developer.mozilla.org/en-US/docs/CSS/text-overflow

DEMO

這裏是一個jQuery插件,處理多行文本。一個似乎工作:http://pvdspek.github.com/jquery.autoellipsis/

一個例子:http://jsfiddle.net/VpmbL/

+0

這個工程,但他要求在一個div中的多行文本而不是列表中的一行-項目 – Toby