Resultados da pesquisa a pedido "css-grid"
Flexbox, comportamento estranho com CSSGrid
Eu tenho esta situação:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] Emcromadafunciona bem, veja o seguinte: [/imgs/77Sz0.png] Começa (consulte "PRIMEIRO" e "ÚLTIMO" btn). Boa. EmSafárinão (também com iPad / ...
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 ...
O texto não está agrupando na grade CSS
Venho experimentando CSS Grid e não consigo encontrar os meios mais eficazes para colocar o texto em um<div> elemento que está posicionado parcialmente em cima de dois outros<div/> elementos. Basicamente, como na imagem abaixo, quero que o texto ...
Por que a diferença de grade causa um estouro?
Por que tenho um estouro no eixo X no seguinte snippet? O estouro é gerado assim que eu aplicargrid-gap: 10px no meu.body recipiente de grade. div:not(.header):not(.body):not(.row) { border: 1px solid grey; } .header { margin-top: 20px; ...
O layout da grade CSS no Chrome parece não funcionar corretamente com mais de 1000 linhas
Eu criei um exemplo de uma grade deslizante com cabeçalhos fixos, usando as tecnologias "CSS Grid Layout" e "sticky position". Por conveniência, o conteúdo da grade é gerado por um script, que acho que funciona bem. function fillGrid(selector, ...
Como fazer pairar estado na tabela de linhas com layout de grade CSS
Esta é uma tabela criada com o CSS Grid Layout, mas eu tenho um problema com ela, não consigo fazer o estado de pairar em cada linha. Eu só quero usar CSS para isso. Alguém pode me dar uma solução para isso? .table { display: grid; ...
Por que os itens de grade não estão centralizados?
Por alguma razão, dois intervalos de entrada estão centralizando os dois itens principais da grade. Estou assumindo que isso se deve ao estilo DOM da sombra. Este é realmente o caso? Alguém sabe por que os intervalos estão centralizando os ...
omo calcular () o número de linhas em um modelo de grad
Gostaria de calcular o número de linhas em um modelo de grade usandocalc(), mas tentando obter orepeat contagem com divisão não está funcionando: .grid { display: grid; grid-gap: 10px; grid-template-columns: 1fr; margin-bottom: 10px; ...
ocultar elementos não especificados em áreas de modelo de grade
Estou tentando entender e trabalhar o meu caminho através da grade cssgrid-template-areas opção. dado este html <div class="wrapper"> <div class="d">D</div> <div class="b">B</div> <div class="c">C</div> <div class="a">A</div> </div>e esse ...
Como alinhar verticalmente objetos em CSS ao trabalhar com grades CSS? [duplicado]
Esta pergunta já tem uma resposta aqui: Centralização na Grade CSS [/questions/45536537/centering-in-css-grid] 5 respostasEu me deparei com esse problema recentemente. Vamos supor que eu tenho uma simples<h1> e quero centralizá-la verticalmente, ...