Grade-linha / grade-coluna - CSS-Tricks

Anonim

As propriedades grid-rowe grid-columndefinem em qual linha ou coluna um elemento será exibido.

.element ( grid-row: 1 / 2; grid-column: 3 / -1; )

Aqui está uma grade 3 × 3 explícita onde essas propriedades são usadas para colocar itens de grade nela em lugares específicos:

Relacionado

  • O Guia Completo para Grid
  • grade-modelo-colunas / grade-modelo-linhas

Suporte para navegador

Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.

Área de Trabalho

cromada Raposa de fogo IE Beira Safári
57 52 11 * 16 10,1

Celular / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10,3