Цитата(OlegNT @ 28.5.2011, 14:42  ) |
| А если ширина родительского блока резиновая? |
тогда изначально определяться с максимальной высотой и запихивать каждую картинку в блок с фиксированной высотой
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > DIV'ы в ряд с переносом на следующую строку |
| Автор: OlegNT 28.5.2011, 09:54 |
| Сделал отображение блоков с заданной фиксированной шириной в один ряд (float: left у каждого блока). Высота у блоков разная. Так вот, суть в чем: если на очередном ряде последние блоки имеют меньшую высоту, чем предыдущие, то следующая строчка будет начинаться не сначала: http://gyazo.com/9db8059d98b9ce124aaa1607d6dc878c.png Как сделать так, чтобы каждая строчка начиналась с левого края? Как если бы была таблица. |
| Автор: bars80080 28.5.2011, 13:21 | ||
после каждого четвёртого блока, надо поставить очищающий элемент, что-то вроде:
|
| Автор: OlegNT 28.5.2011, 14:42 |
| А если ширина родительского блока резиновая? |
| Автор: bars80080 28.5.2011, 17:25 | ||
тогда изначально определяться с максимальной высотой и запихивать каждую картинку в блок с фиксированной высотой |
| Автор: OlegNT 29.5.2011, 08:47 |
| Так тоже криво. А если получится так, что в каком-то ряду случайно окажутся невысокие блоки? |
| Автор: bars80080 29.5.2011, 11:18 |
| так высота блоков для всех одинаковая <div style="height: 200px"> <img src="" /> </div> |
| Автор: SelenIT 29.5.2011, 13:17 |
| Как вариант, уйти с float-ов на http://habrahabr.ru/blogs/css/117109/. Только нужно будет учесть, что пробельные символы между тегами будут учитываться (как пробел между словами в тексте). |
| Автор: OlegNT 29.5.2011, 16:12 |
| Спасибо, попробуем. |