Два столбца элементов HTML не складываются близко

-1

У меня есть два столбца в моем веб-приложении, когда экран достаточно большой.Два столбца элементов HTML не складываются близко

http://i.imgur.com/FL7lgjj.png

Вопрос пространство между первым элементом слева и один ниже это меня беспокоит.

.thumnnail { 
    display: inline-block; 
    width: 400px; 
    float: right; 
}

- это CSS небольших коробок. Я не уверен, как их собрать. ближе. Дайте мне знать, если требуется более подробная информация!

EDIT: Heere является JS Fiddle

http://jsfiddle.net/hkLXZ/

источник

2014-01-21 bezzoon

настроить код или скрипку? Этот фрагмент кода недостаточно, чтобы помочь, к сожалению, – Phlume

Можете ли вы показать нам больше html, чтобы мы могли видеть, как вы складываете ящики? Как сказал @Phlume, изображение не сообщает нам достаточно информации, чтобы помочь вам – ochi

. Вы можете взглянуть на http://masonry.desandro.com/ – Jrod

Это требует одна из двух вещей:

Использование CSS столбцов (например, .your-element { column-count: 3; }), в этом случае ваши столбцы не стек влево вправо, но сверху вниз.
Используйте механизм компоновки JS, например Masonry или Isotope, который предлагает намного больше контроля в отношении того, как элементы выложены, но требует JavaScript.

источник

2014-01-21 00:07:59 coreyward

не помогает в моей конкретной ситуации! плюс количество столбцов зависит от d: только что обновлено с помощью jsfiddle – bezzoon

Этот ответ полезен. Плавающие элементы с разной высотой, но с той же шириной * не * гнездятся так же хорошо, как хотелось бы. Если вы ищете макет, такой как Pinterest, следуйте рекомендациям @ coreyward и используйте масонство. – Andrew

@ user2783087 Да, это так, но продолжайте искать и продолжайте искать другое решение, если хотите ... не то, что он принесет вам пользу. – coreyward

Два столбца элементов HTML не складываются близко

ответ

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