跨度

Question

动态宽度。这是我的代码（请参阅this fiddle）：

HTML

<div id="container"> 
    <span id="left">Left text</span> 
    <span id="middle">Very very very very very long middle text.</span> 
    <span id="right">Right text</span> 
</div> 

CSS

#container { 
    white-space: nowrap; 
    position: relative; 
} 

#left { 
    border: solid 1px red; 
} 

#middle { 
    border: solid 1px green; 
} 

#right { 
    border: solid 1px blue; 
    position: absolute; 
    right: 0px; 
} 

我想要的#middle宽度为收缩窗户变得更小，以免与#right发生冲突。

Answer 1

如果您正在使用任何库如jQuery/Mootools的等

那么，这将是很容易的，在这里看到（使用jQuery）：

http://jsfiddle.net/6AHSp/15/

Answer 2

我用Sandeep的例子为这样的：

http://jsfiddle.net/VaDBX/

overflow: hidden只适用，如果你使用height。这有点肮脏，但很适合没有任何JS。