Resultados da pesquisa a pedido "flexbox"
Manter a proporção da imagem ao alterar a altura
Usando o modelo de caixa flexível CSS, como forçar uma imagem a manter sua proporção? JS Fiddle:http://jsfiddle.net/xLc2Le0k/2/ [http://jsfiddle.net/xLc2Le0k/2/] Observe que as imagens se esticam ou encolhem para preencher a largura ...
Alturas de coluna do Flexbox
Eu tenho este site:http://kudos-topspindigital.azurewebsites.net/#/netball [http://kudos-topspindigital.azurewebsites.net/#/netball] Se você abrir isso no Chrome e no IE, verá o meu problema. Basicamente em cromo, os painéis certos têm alturas ...
Flexbox / IE11: flex-wrap: wrap não quebra (Images + Codepen inside)
Criei uma lista com ícones sociais. Esses ícones devem ser agrupados em telas pequenas. eu usoflex-wrap: wrap; e funciona perfeitamente no Firefox e Chrome: Mas o Internet Explorer 11 (e IE 10) não quebrará a linha: Exemplo de caneta de ...
Altura percentual que não funciona no layout aninhado de flexbox no Chrome
Eu tenho um layout a seguir totalmente funcionando no Firefox e IE: Infelizmente, ele está quebrado no Chrome, ou seja, o contêiner azul escuro está recolhido, mesmo que tenha 100% de altura do pai: eu tenteiessa ...
Cada item para ter a mesma largura que o elemento mais largo
Eu quero criar este layout: Quando um item não cabe no contêiner, podemos passar para a próxima linha: Quando o contêiner é minúsculo que o item mais amplo, podemos agrupar o conteúdo em várias linhas É muito fácil com Javascript, aqui ...
CSS flexbox: diferença entre alinhar itens e alinhar conteúdo [duplicado]
Esta pergunta já tem uma resposta aqui: Qual a diferença entre alinhar conteúdo e alinhar itens? [/questions/27539262/whats-the-difference-between-align-content-and-align-items] 8 respostasEu acho a diferença entrealign-items ealign-content nas ...
Faça div expandir para ocupar a altura disponível do contêiner pai
Eu tenho este código: html: <div class="tile"> <h3>short</h3> <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ...
A altura aninhada do Flexbox 100% não funciona no Safari [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 respostasSou novo no Flexbox e estou tentando usá-lo para criar um ...
Como criar uma barra lateral e uma área de conteúdo usando o flexbox?
Eu gostaria de usar o flexbox para criar uma barra lateral e uma área de conteúdo principal. A altura da barra lateral deve ser pelo menos a da janela. No entanto, se a altura do conteúdo for maior que a janela, a altura da barra lateral deverá ...
Alinhar um item no centro e outro à direita com o Flexbox [duplicado]
Esta pergunta já tem uma resposta aqui: Alinhar ao centro e à direita elementos flexbox [/questions/38948102/center-and-right-align-flexbox-elements] 4 respostasQuero alinhar um item no centro e outro à direita usando o flexbox como no ...