Resultados da pesquisa a pedido "css-grid"
Suporte do navegador para CSS Grid [fechado]
Qual é a situação de suporte do navegador em relação à CSS Grid? Estou olhando em volta e tendo dificuldade para entender toda a imagem sobre compatibilidade. Se eu for paraEu posso usar [http://caniuse.com/#search=css%20grid], parece que quase ...
Controlando o tamanho de uma imagem em um layout de Grade CSS
Eu tenho um layout de grade CSS com várias áreas e um contêiner de fotos. Não sei como: controlar o tamanho da foto, para que ela fique dentro da área da grade mantenha a largura da foto em 100% (portanto, igual ao seu contêiner) e dimensione ...
Solução somente CSS para definir seções de linha da "mesma altura" em uma grade responsiva
Procurado: uma solução somente CSS para ativar "seções" de grade de altura igual por linha, que também é responsiva. Esperamos que este diagrama explique melhor o requisito do que as palavras deste post: A "grade de itens" deve ser responsiva ...
Solução apenas CSS para definir várias seções de linha da "mesma altura" em uma grade responsiva
Procurado: uma solução somente CSS para ativar "seções" de várias seções de grade de altura igual por linha, o que também é responsivo. Nota: esta é uma pergunta de acompanhamento paraessa ...
Obtendo colunas para quebrar na Grade CSS
Como você pode especificar o número máximo de colunas ao usardisplay: grid;, com quebra automática quando o conteúdo fica muito amplo para o espaço (ou menor que um tamanho mínimo)? Existe uma maneira de fazer isso sem consultas de mídia? Por ...
Como centralizar elementos na última linha da CSS Grid?
Estou usando a grade CSS para fazer o layout de alguns itens como este ... #container { display: grid; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } .item { background: teal; color: white; padding: 20px; margin: ...
Posso ter um número variável de colunas por linha em uma grade CSS?
.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px; grid-auto-rows: 60px; grid-gap: 15px; } .col { background-color: tomato; }<div class="grid"> <div class="col"></div> <div class="col"></div> <div ...
Itens flexíveis de largura igual, mesmo depois de embalados
É possível criar uma solução CSS pura como esta: Os itens têm algunsmin-width.Eles devem crescer dinamicamente para preencher toda a largura do contêiner e depois embrulhar para novas linhasTodos os itens da lista devem ter largura igual.É assim ...
Como direcionar uma coluna ou linha específica no CSS Grid Layout?
É possível selecionar uma coluna ou linha específica da grade com CSS? Por exemplo, digamos que eu tenho um layout de grade CSS de 3 linhas por 2 colunas:grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;. Como selecionaria todos ...
Existem seletores que segmentam elementos em determinadas posições da grade?
Eu tenho uma grade CSS com um monte de itens de grade com fluxo automático. Às vezes, os itens da grade são uma faixa 1 x 1 e às vezes são 2 x 2, então euNão sabemos pela ordem de origem quais itens estarão em determinadas posições na grade. Isso ...