如何防止最右边的内联元素在CSS中包装或溢出？

Question

我放弃了！

这里的我想要什么来完成：

小提琴：http://jsfiddle.net/Ws5Ts/1/

期望的行为：

1. 与客户的名字（我不在线显示的指标数不希望它固定在item格的右边）
2. Whe n个调整窗口的大小，或者如果客户有一个很长的名字指标应该不会溢出，而是留在item div的右侧，而客户的名字溢出

我已经在这个过去两个小时试图用不同的位置使用所有不同种类的包装divs，但我无法得到任何我想要的东西。

谢谢！

Answer 1

好吧，我已经花了太多时间在这。

可能的解决方法：http://jsfiddle.net/Ws5Ts/17/

方法：

1. 逆向文本和指示的顺序，然后切换到directionrtl使得文本溢出到左侧。这将指示器保留在我想要的位置，但现在文本溢出的方向错误。
2. 使溢出的文本隐藏并将其用作间隔符。在容器中设置重复的可见的绝对定位文本，该容器具有余量来说明指示符，并在该容器上设置nowrap，隐藏溢出和文本溢出。

这似乎在Chrome，Firefox，Safari和IE9工作。

其他人有一个不太复杂的方法？

Answer 2

将指标放在当前div之外如何？ 只是做了什么我的意思是一个非常简单的例子：http://jsfiddle.net/Ws5Ts/3/

我的课都不是很正确的表现，但我去睡觉:)

' 

编辑：见我对利润率的评论-left如果适合您的布局更好