Resultados da pesquisa a pedido "flexbox"
Uso adequado de propriedades flex ao aninhar contêineres flex
Estou tendo problemas para usar o flexbox corretamente e queria obter alguns esclarecimentos sobre como o aninhamento de elementos pai e filho funciona. Eu sei que a criança herda a flexibilidade dos pais. Mas isso será substituído se você ...
Ú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 ...
Flexbox: cálculo incorreto da largura ao flex-direction: coluna, flex-wrap: wrap
Encontrei um problema ao usar o flexbox. Estou usando um contêiner comflex-direction: column; flex-wrap: wrap, para que meus itens internos possam ser colocados em várias colunas. O problema é que o navegador ainda calcula a largura do ...
Crie uma linha de itens flexbox com uma altura máxima definida por um filho [duplicado]
Esta pergunta já tem uma resposta aqui: Um item flexível define o limite de altura para irmãos [/questions/34194042/one-flex-item-sets-the-height-limit-for-siblings] 4 respostasEstou tentando criar um layout de flexbox que faça algo que pensei ...
Usando a propriedade 'order' para posicionar o item flexível entre irmãos
Eu tenho uma caixa flexível com um a três itens flexíveis. O layout adequado deve se parecer com<div></div><h2></h2><div></div> na caixa flexível que o contém. Eu tenho código para fazer isso funcionar ...
Faça a largura total do contêiner com flex [duplicado]
Esta pergunta já tem uma resposta aqui: Quando os itens do flexbox são agrupados no modo de coluna, o contêiner não aumenta sua largura [/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width] 3 ...
Conteúdo com 100% entre cabeçalho e rodapé
Vamos supor que eu tenho o layout a seguir (veja imagem abaixo) ... Eu tenho um cabeçalho (A) no topo, rodapé (C) que está sempre na parte inferior e recipie...
Alinhando à parte inferior no flexbox
Eu tenho recipientes que devem mudar de altura dinamicamente, dependendo do conteúdo. Para todos os contêineres em uma determinada linha, o texto inferior deve ser fixado na parte inferior, independentemente do conteúdo do contêiner de cada ...
Alinhar ao centro e à direita elementos flexbox
eu gostaria de terA B eC alinhado no meio. Como posso obterD ir completamente para a direita? ANTES: [/imgs/3t7DO.png] DEPOIS DE: [/imgs/QFs1B.png] Qual é a melhor prática para fazer isso? ul { padding: 0; margin: 0; display: flex; ...
Por que o elemento inline-flex com clearfix possui um espaço em branco estranho?
Eu tenho um comportamento estranho de uminline-flex elemento ao aplicar um clearfix a ele. Quando defino um clearfix para um elemento que possui uminline-flex display property o espaço em branco estranho aparece antes dele: ...