Resultados da pesquisa a pedido "flexbox"
Elemento pino (item flexível) na parte inferior do contêiner
Eu tenho um contêiner para ter a altura / largura total da janela. Dentro deste contêiner, quero um formulário centrado vertical e horizontalmente. Abaixo, também quero uma cópia na linha de base inferior do contêiner. Semelhante à ilustração de ...
Por que o preenchimento está expandindo um item flexível?
No trecho abaixo, a primeira linha possui dois divs comflex-grow: 1. Como esperado, cada div ocupa 50% da tela. Ao adicionar preenchimento à div esquerda, esse não é mais o caso. Alguém pode explicar o porquê? body > div { height: 50px; ...
Definir um comprimento (altura ou largura) para um elemento menos o comprimento variável de outro, ou seja, calc (x - y), onde y é desconhecido
Eu sei que podemos usarcalc [https://developer.mozilla.org/en-US/docs/Web/CSS/calc]quando os comprimentos são definidos: flex-basis: calc(33.33% - 60px); left: calc(50% - 25px); height: calc(100em/5); Mas e se um comprimento for ...
Por que os itens flexíveis não estão quebrando?
Estou tentando fazer várias linhas de quadrados (3 por linha) que tenham a mesma altura. Eu escrevi um pouco de HTML e CSS para isso, mas todas as caixas seguem a mesma linha. Aqui está o que eu tenho até agora: #list-wrapper { display: ...
Como obter o conteúdo do elemento inferior de uma caixa flexível a 100% de altura do seu contêiner
Se eu criar uma caixa flexível com 2 filhos e fluxo de coluna e definir o segundo filho comoflex-grow 1 o segundo filho se expande para preencher a caixa flexível. Isso funciona (ps: não quis desorganizar o exemplo com o suporte ao safari, use o ...
Aumentar a largura do item flexível depois de envolto sem usar consultas de mídia
Usando flexbox aqui. É possível aumentar a largura total do elemento sobreposto após ter sido pressionado sem consultas de mídia? Veja desentupidor em ...
Expansão de iframe no Flexbox
Estou tentando esticar o tamanho de umiframe para preencher o espaço restante no meu aplicativo da web. Eu sei que o espaço máximo está sendo alocado para odiv (adicionando uma borda), mas oiframe a altura em si não está se expandindo ...
Centralize o item flexível horizontalmente entre 2 itens flexíveis de larguras diferentes [duplicado]
Esta pergunta já tem uma resposta aqui: Mantenha o item do meio centralizado quando os itens laterais tiverem larguras diferentes [/questions/32378953/keep-the-middle-item-centered-when-side-items-have-different-widths] 3 respostasDigamos que ...
Texto e imagem no <button> não permanecerão na mesma linha usando o flexbox no Firefox [duplicado]
Esta pergunta já tem uma resposta aqui: O Flexbox não funciona nos elementos de botão ou conjunto de campos [/questions/35464067/flexbox-not-working-on-button-or-fieldset-elements] 2 respostasEu gostaria de exibir um botão com uma imagem e ...
Em vez de usar prefixos, quero pedir aos visitantes do site para atualizarem seu navegador
Estou reconstruindo um site usando CSSflexbox [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes] . Na verificaçãocompatibilidade do navegador [http://caniuse.com/#search=flexbox], Vejo que o ...