有人可以帮我在CSS中实现这个吗？

基本上我想显示两个相邻的跨度。条件是第一个跨度的最大宽度为200px，因此如果它超过200px 所有溢出的字符都被隐藏为溢出：隐藏应用于此跨度。另一个条件是第二个跨度将一直显示在第一个跨度旁边。有人可以帮我在CSS中实现这个吗？

问题是，由于IE不能正确支持（IE7，IE8）最大宽度功能，我无法使用此属性。有没有其他方法可以实现这一点？

所以我必须：

<div> 
<span>one</span> <--- max width is 200 px 
<span>two</span> <--- will alwats display next to span one 
</div>

我想显示跨度2旁边总是正确的跨越1.添加宽跨1将离开跨度1和跨度2之间存在着巨大的空间，所以我不能做到这一点。我需要动态扩展span 1直到溢出。。而这种需求是兼容的跨浏览器;（

感谢

来源

2010-12-01 Mayumi

IE7和IE8支持`Max`和`Min-width`，但不支持IE6吗？ – 2010-12-01 09:31:08

请查看是否this是你所追求它工作在IE8正常的，已经测试了它

HTML：

<div id="content"> 
    <span>oneedaskdaslkdjsaldjaslkdjaslkdjldasdasdasdasdalkdnaskdnasjkdnaskjdnaskjndaskjndajksdnasjkdnkjsandkjsandkjasndkjasndjksandkjsandjkndjksandjkasndjkasndkjasndkjsnajsalkdjasd</span> 
    <span>two</span> 
</div>

。

CSS：

div span{display:block;max-width:200px;overflow:hidden;float:left;margin:5px;}

来源

2010-12-01 09:40:05 Philar

你可以试试这个：

max-width: 200px; 
width: expression(document.geElementById('container').style. 
width > 200 ? "200px": "auto");

来源

2010-12-01 09:43:56

CSS表达式仅由IE支持。所以这不是跨浏览器兼容的。另外根据MSDN，它们不受IE 8及更高版本的支持。 http://msdn.microsoft.com/en-us/library/ms537634(VS.85).aspx – 2010-12-01 10:08:33

有人可以帮我在CSS中实现这个吗？

回答

相关问题