Может ли кто-нибудь помочь мне достичь этого в CSS?

Question

В основном я хочу отображать два пролета рядом друг с другом. Условие состоит в том, что первый диапазон имеет максимальную ширину 200 пикселей, поэтому, если он превышает 200 пикселей , все переполненные символы скрыты как переполнение: для этого диапазона применяется скрытое. Другим условием является то, что второй интервал будет отображаться все время рядом с первым пролетом.

Проблема заключается в том, что, поскольку IE не поддерживает функцию max-width IE7, IE8, я не могу использовать это свойство. Есть ли другой способ достичь этого?

Так у меня есть:

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

Я хочу, чтобы отобразить интервал-всегда рядом, чтобы охватить 1. Добавление ширины охватить 1 оставит огромное пространство между пролетом 1 и диапазоном 2, так что я не могу это сделать. Мне нужно динамически увеличивать диапазон 1 до переполнения. .. И это нужно быть кросс-браузер совместимый; (

Благодаря

Answer 1

Пожалуйста, смотрите, если 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;} 

Answer 2

Вы можете попробовать это:

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