2013-06-03 2 views
2

Я создал сайт, на котором пользователи могут загружать фотографии, и пользователи могут комментировать фотографии. Фотографии показываются около 12 или около того на главной странице моего сайта, заказанной по дате.Как сделать макет фотографий на Pinterest

Тем не менее, я пробовал использовать каждый тип опций отображения, чтобы получить его, чтобы, если можно сказать, что первое изображение на странице очень высокое, что 2-я строка изображений не все нажата. Я понимаю, что первый образ 2-й строки, очевидно, должен появиться под высоким первым изображением 1-й строки, но другие также не должны быть сдвинуты вниз. Даже если изображение не высокое, если есть комментарии к первому изображению первой строки, тогда вся вторая строка начнется под первой фотографией 1-й строки.

Когда я смотрю веб-сайт Pinterest, кажется, что они поняли это, и нет ненужного неиспользуемого пространства, из-за слишком высокого результата фотографии. Остальные в других рядах, кажется, используют все пространство, которое я хотел бы достичь.

В настоящее время я использую display: inner-table, но на самом деле он не достигает того, чего я хочу, хотя он работает немного лучше, чем некоторые другие параметры, которые иногда производят пробельные пробелы в результатах. Это единственный способ достичь этого, используя таблицу с 4 столбцами и предварительно заполняя эти столбцы перед печатью на странице?

Простите мою глупость. Спасибо за любую помощь!

ответ

Смежные вопросы