Можем ли мы заставить элемент div "обернуть" css? - PullRequest
11 голосов
/ 11 июля 2011

( Окончательное решение ниже )


Я почти уверен, что это невозможно, как я это себе представляю, но на Stackoverflow столько умных, умных и нежных людей, что я попробую.

У меня есть container-div элементов, которые заполняются одним или несколькими элементами "child-div". Контейнеры более или менее «виртуальны», на самом деле они должны только показать, какие дети принадлежат друг другу. Поскольку я не знаю, сколько дочерних элементов размещено в каждом из родителей, я не могу работать с фиксированной шириной. Эти элементы должны иметь возможность плавать, чтобы корректно обрабатывать изменение размера окна.

Моя цель - отображать одинаковое количество «дочерних элементов» в строке независимо от того, в каком родительском элементе они находятся. Моя текущая проблема заключается в том, что float вызывает перенос всего родительского контейнера, поэтому вопрос заключается в том, существует ли какой-либо возможный способ "увидеть" div, например:

До

enter image description here

* После 1024 *

enter image description here

Имеет ли это какой-то смысл? Вот моя нынешняя игровая площадка:

http://jsfiddle.net/5FXBu/


После большого количества экспериментов вместе с Габи, он же Г. Петриоли (спасибо, чувак), я наконец-то создал это решение: http://jsfiddle.net/5FXBu/11/

1 Ответ

6 голосов
/ 11 июля 2011

Если container-div только для группировки и мало влияет на графический дизайн, вы можете просто установить их как inline. Установка child-div в качестве inline-block позволяет передать некоторые требования макета container-div к child-div ( поля в основном .. )

пример на http://jsfiddle.net/gaby/pvWHr/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...