Resultados da pesquisa a pedido "css-grid"
Itens flexíveis de alinhamento central e inferior
Eu tenho um contêiner flexível (o quadrado azul) com as seguintes propriedades: display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; Portanto, seus filhos (os quadrados azuis claros) se organizam como você vê abaixo. ...
Última margem / preenchimento recolhido no layout flexbox / grade
Eu tenho uma lista de itens que estou tentando organizar em um layout horizontal rolável com o flexbox. Cada item no contêiner tem uma margem esquerda e direita, mas a margem direita do último item está sendo recolhida. Existe uma maneira de ...
Qual é a diferença entre alinhar itens e alinhar conteúdo no Grid Layout?
Eu li completamenteUm guia completo para o Grid [https://css-tricks.com/snippets/css/complete-guide-grid/], mas ainda confundido com as diferenças entre dois conjuntos de propriedades do contêiner, a ...
Faça uma div abranger duas linhas em uma grade
Eu tenho uma página cheia de blocos que se acumulamdisplay: inline-block. Quero aumentar quatro ou duas vezes, então useifloat: left ouright colocar outros blocos. Meu problema é se eu tiver umlinha de cinco elementos, como eu poderia colocar um ...
Grade CSS: Como fazer uma coluna abranger toda a largura quando uma segunda coluna não existe?
Eu sei que existem perguntas semelhantes, mas isso é especificamente perguntar como fazer isso usando o CSS Grid Layout. Portanto, temos esta configuração básica da grade: HTML (com barra lateral): <div class="grid"> <div class="content"> ...
Impedir que o conteúdo expanda itens de grade
TL; DR:Existe algo comotable-layout: fixed para grades CSS? Tentei criar um calendário de exibição de ano com uma grande grade 4x3 durante os meses e aninhar grades 7x6 durante os dias. O calendário deve preencher a página, para que o contêiner ...
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 ...
Fazer sobreposição de itens de grade
Eu estou tentando alcançar um padrão de grade css onde o cabeçalho está sobrepondo a próxima linha. Eu adicionei um trecho do meu código com o cabeçalho na parte superior, a imagem anexada deve mostrar o que estou tentando alcançar. obrigado ...
Enrole o conteúdo de uma coluna flexível em torno de outra coluna flexível
Gostaria que a coluna flexível CONTENT envolvesse a coluna rowChild592 à esquerda. Eu tenho isto: [/imgs/pul1I.jpg] Eu gostaria que parecesse algo assim: [/imgs/c8lTv.jpg] Eu vi uma resposta aqui sobre como fazer uma div definida em uma ...
Adicionar rolagem a cada coluna no CSS Grid Layout
Quero rolagem separada em cada uma das minhas colunas no meu layout de grade. Atualmente, estou desenvolvendo um aplicativo Web somente móvel. Quero usar um layout de grade diferente para as orientações de retrato e paisagem. A orientação de ...