Resultados da pesquisa a pedido "flexbox"
flexbox alinhar verticalmente a parte superior da criança,
Eu tenho a seguinte marcação: .row { display: flex; align-items: stretch; margin: -16px; background: #ddd; } .row .col { display: flex; flex-direction: column; justify-content: center; flex: 1; margin: 16px; background: #fff; } .header, ...
Quando os itens do flexbox são agrupados no modo de coluna, o contêiner não aumenta sua largura
Estou trabalhando em um layout aninhado de flexbox que deve funcionar da seguinte maneira: O nível mais externo (ul#main) é uma lista horizontal que deve ser expandida para a direita quando mais itens forem adicionados a ela. Se crescer muito, ...
Impedir que itens flexíveis se estiquem
Amostra: div { display: flex; height: 200px; background: tan; } span { background: red; }<div> <span>This is some text.</span> </div> Eu tenho duas perguntas, por favor: Por que isso acontece basicamente com ospan?Qual é a abordagem correta ...
Coluna esquerda e coluna direita empilhada usando CSS flexbox [duplicado]
Esta pergunta já tem uma resposta aqui: É possível que os itens flexíveis se alinhem firmemente aos itens acima deles? [/questions/34480760/is-it-possible-for-flex-items-to-align-tightly-to-the-items-above-them] 5 respostasFaça uma div abranger ...
Flexbox: Alinhar entre a parte inferior e o centro? [duplicado]
Esta pergunta já tem uma resposta aqui: Itens flexíveis de alinhamento central e inferior [/questions/36191516/center-and-bottom-align-flex-items] 3 respostasAlguém sabe como criar esse layout usando o flexbox? [/imgs/NSX3P.png] O texto será ...
O Edge não estica o iframe em uma caixa flexível
oiframe na demonstração a seguir é um item flexível: * { margin: 0; border: 0; padding: 0; } html, body { height: 100%; } body { display: flex; } iframe { background: olive; flex: 1; }<iframe></iframe> Mas ele não cobre o contêiner flex: ...
Exibição: equivalente em linha no React Native
Parece que estou tendo problemas com a criação de uma exibição: estilo em linha equivalente ao flexbox. Até agora, consegui o seguinte (onde as linhas vermelha e azul são governadas pela função de borda para ajudar no estilo): ...
Um item flexível define o limite de altura para irmãos
Eu tenho dois elementos irmãos, cada um contendo conteúdo dinâmico. <div class="flex"> <div class="sibling-1"></div> <div class="sibling-2"></div> </div>Em alguns casossibling-1 terá mais conteúdo entãosibling-2 e vice versa. Eu gostaria da ...
Div rolável para ficar na parte inferior, quando a div externa mudar de tamanho
Aqui está um exemplo de aplicativo de bate-papo -> [/imgs/KtqA4.png] A idéia aqui é ter o.messages-container ocupe o máximo de tela possível. Dentro.messages-container, .scroll mantém a lista de mensagens e, se houver mais mensagens, o tamanho ...
Quais são as diferenças entre base flexível e largura?
Houve perguntas e artigos sobre isso, mas nada conclusivo, até onde posso dizer. O melhor resumo que pude encontrar é base flexível permite especificar o tamanho inicial / inicial do elemento, antes que qualquer outra coisa seja computada. Pode ...