Любые идеи о том, как я мог бы реализовать grid-представление в CSS? - CSS

Question

Вот пример вида сетки:

Также еще один пример с TED.com

---

Есть какие-нибудь идеи о том, как я могу продолжить реализацию такой динамической сетки в CSS?

Думаю, что-то может бытьсделайте с делением блока на блоки, стилизованные с помощью float: left, и каждый блок будет иметь границу, если на границе блока.

Помощь будет очень признательна =)

Answer 1

В прошлом я достиг такой же сетки с помощью замечательного плагина jQuery Masonry от Дэвида Десандро .Как показано на этой странице, CSS-плавающие элементы не так хороши для макетов сетки, и установка «единиц», как вы описываете, может быть большой головной болью, в зависимости от сложности сетки и диапазона размеров ячеек.