Como flutuar elementos em um layout de alvenaria, como revista / jornal?
Estou tentando obter um layout em que os itens flutuem como seções de artigos de jornais / revistas. É algo semelhante ao que Alvenaria jQuery faz. Mas eu estava tentando conseguir isso apenas usando CSS3. Eu pensei que talvez obox
propriedade @ display poderia fazer isso. Embora depois de tentar por algumas vezes, não consegui fazer com que os itens deslizassem para baixo após a largura da coluna pai, conforme preenchid
Existe alguma maneira de conseguir esse layout usando apenas CS
A marcação seria algo como isto:
<article>
<section>...</section>
<section>...</section>
<section>...</section>
<section>...</section>
</article>
Aqui uma seção flutuaria para a esquerda e se ajustaria na fila de colunas onde melhor se encaixasse (e não abaixo da linha de base da anterior, como a flutuação simples