Показать сообщение отдельно
  #1 (permalink)  
Старый 07.08.2018, 12:59
Профессор
Отправить личное сообщение для Shitbox2 Посмотреть профиль Найти все сообщения от Shitbox2
 
Регистрация: 04.10.2010
Сообщений: 571

Подгонка последней строки на всю ширину контейнера
<div class="container">
    <div class="item">item-1</div>
    <div class="item item-list">
        <div class="elem">elem-1</div>
        <div class="elem">elem-2</div>
        <div class="elem">elem-3</div>
    </div>
    <div class="item item-filler">item-2</div>
    <div class="item">item-3</div>
</div>
Ширина контейнера фиксированная, ширина остальных элементов равна их содержимому, НО ширина элемента с классом "item-filler" должна быть такой, чтобы элемент заполнил собой всё оставшееся пространство в строке. Так же она должна иметь минимальное значение. Желательно чтобы элементы были инлайн-блочными и т.п. (не чистый инлайн).

Можно ли сделать это средствами CSS? Картинка прилагается
Изображения:
Тип файла: png css.png (4.1 Кб, 7 просмотров)
Ответить с цитированием