Как создать вид сетки / плитки?

Например, у меня есть класс .article, и я хочу просмотреть этот класс как сетку. Итак, я применил этот стиль:

.article{
  width:100px;
  height:100px;
  background:#333;
  float:left;
  margin:5px;
}

Этот стиль заставит .article выглядеть мозаичным / сетчатым. Это хорошо работает с фиксированной высотой. Но если я хочу установить высоту на авто (автоматически растягивать в соответствии с данными в ней), сетка выглядит мерзко.

И я хочу сделать вид так:

Ответы на вопрос(8)

Ваш ответ на вопрос