有人可以幫我在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中實現這個嗎？

回答

相關問題