0

Имеется некий Div class="main" (предварительно в нем находятся превью товаров, каждый товар в отдельном div). Есть желание, чтоб ширина main-а варьировалась в зависимости от количества вложенных в него div-вов. Подскажите пожалуйста, как сие реализовать на Js?

3
  • То есть, если ширина внутренних div-вов = 200px, и их допустим 4, то общая ширина 800px => ширина main = 800px, если их (div-вов) - 20, то => div class="main" style="width:4000px" 3 июн 2013 в 18:53
  • 3
    display: inline-block; в СSS
    – iurii_n
    3 июн 2013 в 19:34
  • Само собой, только когда блоки дойдут до края экрана, они будут переноситься на новую строку. 3 июн 2013 в 20:14

1 ответ 1

1

Чтобы внутренние блоки выстроились горизонтально:

.item { display: inline-block; }

Чтобы не было переносов:

.main { white-space: nowrap; }

Пример

1
  • Оказалось гораздо проще! Спасибо 4 июн 2013 в 13:16

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.