- O grupo de trabalho de CSS anunciou o primeiro rascunho público de trabalho do CSS Grid Layout Module Level 3, também conhecido como layout Masonry do CSS
- Este rascunho trata o layout Masonry como um recurso nativo do CSS com duas possíveis formas de sintaxe: a sintaxe integrada ao grid e a sintaxe independente do grid
- Espera-se que a publicação deste rascunho incentive a discussão sobre as vantagens relativas das duas formas de sintaxe
Decisões do grupo de trabalho de CSS
- O grupo de trabalho de CSS decidiu adotar dimensionamento de trilhas totalmente misto para este modelo de layout
- Isso permite no layout Masonry toda a lista de trilhas possíveis que podem ser expressas no layout de grid do CSS
- Isso unifica o modelo básico de layout das duas propostas e, portanto, ambas as formas de sintaxe passam a representar funcionalidades essencialmente equivalentes para o layout Masonry (ainda há algumas questões em aberto sobre diferenças nos valores iniciais)
- Para resolver problemas de desempenho relacionados ao dimensionamento de trilhas mistas, este rascunho descreve em linhas gerais certas otimizações de desempenho no modelo de layout e adota algumas heurísticas simplificadas para subgrid e outros casos
2 comentários
O layout Masonry está bem explicado no MDN.
https://developer.mozilla.org/en-US/docs/…
A equipe do WebKit também publicou em abril um pedido de ajuda sobre isso.
CSS Grid Level 3, também conhecido como layout "Masonry", pedido de ajuda para criá-lo
Esse texto inclui imagens com explicações baseadas em exemplos sobre o layout Masonry, então vale a referência.