Resultados da pesquisa a pedido "flexbox"
Segmentação de itens flexíveis na última linha
Meu problema é que eu quero o flexbox com largura de faixa variável e tudo funciona bem, mas não na última linha. Eu quero a mesma dimensão para todos os filhos, mesmo que a linha não esteja cheia de filhos (a última linha). #products-list { ...
lutando com uma grade flexbox aninhada
Eu tentei obter um padrão de grade com um sistema de grade baseado em margem negativa (susy) e falhei. Tentei usar o flexbox, mas não tenho certeza se é realmente possível, pensei que a melhor abordagem seria 2 colunas (lado A e B) e forneça às ...
Como alinhar um elemento dentro de um item flexível?
Eu tenho um contêiner flexível com três itens flexíveis e, dentro de cada item, um link que deve ser alinhado na parte inferior (todos os links na parte inferior central alinhados). Os itens flexíveis são esticados e não têm uma altura fixa, ...
Centralize itens agrupados em uma caixa flexível entre espaços
Para uma seção de navegação, eu quero que ele usespace-between justificação. Para telas menores em que a navegação pode ter que ser quebrada, eu gostaria que os itens se centralizassem, em vez de ficarem à esquerda quando estiverem sozinhos em ...
Centro do centro com Flexbox [duplicado]
Esta pergunta já tem uma resposta aqui: Flexbox: Alinhar entre a parte inferior e o centro? [duplicado] [/questions/33944163/flexbox-align-between-bottom-and-center] 2 respostasEstou tentando colocar o logotipo no centro da página, mas quero que ...
O significado e os benefícios do flex: 1
Eu tropeceiflex: 1 hoje em algum código e procurei no Google para obter algumas informações sobre o que ele faz.w3schools [https://www.w3schools.com/cssref/css3_pr_flex.asp]declara sucintamente: Deixe que todos os itens flexíveis tenham o mesmo ...
Como mudar o flexbox wrap?
Eu tenho uma caixa flexbox responsiva com cartões renderizados dinamicamente (de 1 a 10 cartões renderizados a cada chamada da API) no meu aplicativo. Quase faz exatamente o que eu quero, exceto a forma como envolve. Digamos que renderizei 10 ...
Largura igual usando caixa flexível e borda
estou usandobox-sizing: border-box; com variaçãoborder espessuras dentro de uma caixa flexível. Eu quero que os elementos dentro do flexbox tenham larguras iguais, mas calcula owidth do elemento sem as bordas. Aqui está um exemplo: owidth do meu ...
Maneira eficiente de colocar elementos órfãos no topo / no início usando CSS flexbox
Quando você usa o flexbox wrap para criar uma grade e possui uma última linha com menos elementos que as linhas anteriores, o comportamento padrão dos elementos "órfãos" comflex: 1 é esticar horizontalmente para preencher a largura - tornando os ...
Qual é a diferença entre a margem: automático e centro de justificar conteúdo / alinhar itens?
Para centralizar horizontal e verticalmente simultaneamente, há duas opções simples: Primeiro .outer { display:flex; } .inner { margin:auto; }Segundo .outer { display: flex; justify-content: center; align-items: center; }Qual é a diferença? Em ...