如何尽可能多地将文本放入DIV行？

Question

我有一行（用div实现），它有一个固定的宽度和高度。该行包含三个元素（跨度），其中前两个是固定宽度。行中的第三个元素包含span和一些文本。问题是当文本太长时，整个范围下降到下一行。如何防止此行为尽可能多地显示该行的跨度。

约束：

1. 任何太长的东西都应该溢出到右边。
2. 这只需要一个css解决方案，没有javascript / jQuery
3. html必须保持不变（按照2）。

这是一个jsFiddle，看看我的意思，并根据自己的喜好玩。

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

谢谢！

Answer 1

不确定我是否完全了解您的需求，但请尝试在问题范围内添加white-space: nowrap;。

EDIT2

jsfiddle here

Answer 2

这就是你想要的：

http://jsfiddle.net/r2cT3/

将问题范围（ #three ）：white-space: nowrap;和max-width设置为灰色框，即主要div。

Answer 3

.span-class{
    overflow:scroll;
}

也许

或更改font-size。字母间距可能很有用。记得从跨度中删除所有填充，因为这会降低它的内容区域。

简短的回答，如果没有更改盒子内容，你不能强迫一个尺寸的东西放入一个小的盒子里来容纳它。

Answer 4

我不知道你是否想保留原来的宽度。但是我对你的CSS进行了一些修改。注意元素#three：http://jsfiddle.net/SRgND/2/

的溢出和nowrap