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

Question

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

Проблема заключается в том, что, поскольку IE не поддерживает (max7, 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, поэтому я не могу этого сделать.Мне нужно расширить диапазон 1 динамически, пока не переполнится.И это должно быть кросс-браузер совместимым; (

Спасибо.

Answer 1

Пожалуйста, посмотрите, если это то, что вы ищете.Он хорошо работает в 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" );