Resultados da pesquisa a pedido "flexbox"
Por que as alturas percentuais estão funcionando nos filhos quando os pais não têm altura definida?
Estou usando o Bootstrap 4 por simplicidade. Minhas perguntas são: Por que definir 100% de altura em criança (.inner) do item flexível funciona? Para cada elemento nesse código, a altura é "definida" comoauto.Como.inner Os elementos sabem que ...
Posso alterar o valor "justificar conteúdo" dependendo do número de elementos no contêiner flex?
Estou trabalhando em uma galeria de imagens em um site herdado. Não posso usar nada além de HTML / jQuery ou JS / CSS antigo antigo. Eu sei que isso seria muito mais fácil com o Bootstrap ou alguma biblioteca de grade. Estou construindo com o ...
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 ...
Como dar aos itens flex a mesma largura?
Gostaria que o primeiro e o último elementos tivessem a mesma largura. Como fazer isso? main { display: flex; justify-content: space-between; width: 100%; } input { width: 200px; }<main> <div> Lorem ipsum dolor sit amet, consectetur ...
Como adicionar elementos em torno de um elemento já justificado no centro?
Eu criei um formulário com alguns elementos de texto alinhados verticalmente da seguinte forma: [/imgs/98W1d.png] Eles são centralizados horizontal e verticalmente na página usando o flexbox: .my-class { display: flex; justify-content: ...
Direção de expansão ancorada na viewport do Google Chrome com flexbox
Há um problema no Google Chrome em que os elementos se expandem / recolhem em direções diferentes em relação à janela de visualização quando colocados dentro de um contêiner flexbox com umadjacente item flexível tendospace-between oucenter ...
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: ...
Layout do Flexbox com dois filhos de altura igual, um contendo flexbox aninhado com rolagem de conteúdo
eu tenho um<img> com um painel à direita contendo um cabeçalho de controles e uma longa lista de itens. Então, eu tenho uma situação aninhada de flexbox: .container (flex) -> .child img -> .child controls panel (flex) -> .controls ...
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 ...