如何儘可能多地將文本放入DIV行？

Question

我有一行（用div實現），它有一個固定的寬度和高度。該行包含三個元素（跨度），其中前兩個元素是固定寬度。行中的第三個元素包含一個跨度和一些文本。問題是，當文本太長時，整個範圍下降到下一行。我怎樣才能防止這種行爲儘可能多地在線上顯示。

約束：

1. 的任何過長要溢出來的權利。
2. 這隻需要一個CSS解決方案，沒有javascript/jQuery
3. html必須保持不變（按每2）。

這裏是一個jsFiddle，看看我的意思和玩你喜歡。

http://jsfiddle.net/59YU5/1/

謝謝！

Answer 1

不知道我完全理解你想要什麼，但嘗試添加white-space: nowrap;有問題的跨度。

EDIT2

jsfiddle here

Answer 2

.span-class{ 
    overflow:scroll; 
} 

也許

或改變字體大小。字母間隔可能是有用的。請記住從跨度中移除所有填充，並降低它的內容區域。

簡短的回答短缺改變框內容你不能強制一個大小的東西到一個小的框持有它。

Answer 3

我不知道你是否想保持原來的寬度。但是我對你的CSS做了一些改變。注意，元素#three溢出和NOWRAP：http://jsfiddle.net/SRgND/2/

Answer 4

這是你想要什麼：

http://jsfiddle.net/r2cT3/

設爲您的問題跨度（#three）：white-space: nowrap;和max-width你的灰箱這是主要的分區。