Resultados da pesquisa a pedido "flexbox"
O alinhamento vertical não está funcionando na div
Estou tentando alinhar verticalmente uma div, mas ela não está funcionando por algum motivo. O que estou fazendo errado? body { border: 1px solid red; height: 500px; } #contactUs { border: 1px solid blue; vertical-align: bottom; }<div id = ...
Por que o alinhamento automático não alinha minha div à parte inferior do meu flexbox?
Eu tenho duas colunas de altura igual e estou tentando fazer com que o link "Leia mais" em cada coluna fique na parte inferior da coluna, independentemente do conteúdo da coluna adjacente. estou usandoalign-self: flex-end, que acho que deve ...
Chrome ignorando base flexível no layout da coluna [duplicado]
Esta pergunta já tem uma resposta aqui: O Chrome / Safari não preenche 100% da altura do pai flexível [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respostasEstou com problemas para fazer com que o Chrome preste ...
Código Flexbox funcionando em todos os navegadores, exceto o Safari. Por quê?
Em colunas de grade com tags de lista, preciso exibir na ordem correta a cada 3 colunas, com a largura automática ativada para todos os elementos extras da lista HTML. Este é o meu exemplo: <style> ul { margin: 0; padding: 0; display: ...
Centralize itens flexíveis com um no final da linha [duplicado]
Esta pergunta já tem uma resposta aqui: Alinhar ao centro e à direita elementos flexbox [/questions/38948102/center-and-right-align-flexbox-elements] 4 respostasEstou criando uma barra de navegação comflexbox. Aqui está o meuhtml: <div ...
CSS alinhar um item à direita com flexbox
https://jsfiddle.net/vhem8scs/ [https://jsfiddle.net/vhem8scs/] É possível alinhar dois itens à esquerda e um item à direita com o flexbox? O link mostra mais claramente. O último exemplo é o que eu quero alcançar. No flexbox, tenho um bloco de ...
Entendendo a diferença entre as propriedades flex e flex-grow
Qual é a diferença de efeito entre a configuraçãoflex: 1; e configuraçãoflex-grow: 1;? Quando eu defino o primeiro no meu código, as duas colunas que eu tenho são exibidas com largura igual, enquanto não o fazem quando eu defino o último. Isso é ...
Usando o Flexbox para apresentar 4 imagens em uma ul como uma grade 2x2
Estou refatorando o código não responsivo e estou tentando exibir o código abaixo como umGrade 2x2usandoFlexbox. Eu tentei usardisplay: flex, flex-flow: row-wrap, mas as imagens no meuul estão agindo como elementos de bloco e não ficam lado a ...
Zebra listrando uma mesa flexbox com itens de embalagem
Estou procurando a maneira mais simples de distribuir as linhas pela zebra na seguinte tabela flexbox responsiva. Em outras palavras, as linhas 2 e 4 neste exemplo, mas ilimitadas, não sei quantas linhas haverá porque isso é para um componente ...
Centralize verticalmente uma div dentro de outra div
eu estou tentandovertical-align: middle uma div dentro de outra div, mas por algum motivo não está funcionando corretamente. O que estou fazendo errado? #wrapper { border: 1px solid red; width: 500px; height: 500px; } #block { border: 1px ...