Resultados da pesquisa a pedido "flexbox"
Linha Flexbox: como esticar as crianças para preencher o eixo transversal?
Eu tenho uma flexbox esquerda-direita: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; }<div class="wrapper"> <div class="left">Left</div> <div ...
Problemas de largura do Flexbox IE10
O problema é que, no IE10, a largura das colunas dentro da linha está sendo calculada incorretamente, parece estar aumentando a largura das margens da coluna (no total de 80px), mas no Firefox e Chrome, ele a calcula perfeitamente e se ajusta a ...
CSS: selecione os filhos flexíveis ordenados pela última vez
Dado um número arbitrário de crianças flexbox com inlineorder atributo usado para classificação, como selecionar o último elemento ordenado em CSS? <ul style="display:flex"> <li style="order: 4">a</li> <li style="order: 5">b</li> <li ...
Quebra de linha no flexbox de várias linhas
Existe uma maneira de fazer uma quebra de linha no flexbox de várias linhas? Por exemplo, para quebrar após cada terceiro itemnesta caneta [http://codepen.io/SakerONE/pen/bdbLNz] .container { background: tomato; display: flex; flex-flow: row ...
O item posicionado absoluto em um contêiner flexível ainda é considerado como item no IE e Firefox
Se eu tiver vários elementos com a propriedadejustify-content: space-between em um contêiner flexível e quero posicionar um deles em absoluto e remover do fluxo flexível, conforme mostrado aqui: Isso funciona no Chrome, mas não no IE e Firefox, ...
Como mantenho duas divs lado a lado da mesma altura?
Eu tenho dois divs lado a lado. Eu gostaria que a altura deles fosse a mesma e permanecesse a mesma se um deles fosse redimensionado. Mas não consigo descobrir isso. Idéias? Para esclarecer minha pergunta confusa, eu gostaria que as duas caixas ...
flex-wrap não está funcionando como esperado no Safari
Na página inicial dehttp://www.shopifyexperte.de/ [http://www.shopifyexperte.de/]existem dois módulos flex-box, um em "Kundenstimmen" e outro em "Neueste Beiträge ...". As caixas internas devem quebrar quando ficam abaixo de 220px e não crescem ...
A imagem no item flex ignora a altura máxima: 100% em chrome e firefox - (funciona no safari)
Quero que uma imagem preencha a largura ou a altura da janela / tamanho da janela. Para uma melhor compreensãodo que estou tentando fazer,eu criei um exemplo no codepen [http://codepen.io/durchgemacht/pen/WvQvZJ]- verifique e redimensione ...
display: flex não funciona no Chrome
Estou usando o código a seguir para ter duas caixas lado a lado da mesma altura: <style> .row {display:flex;} .col {flex:1;} </style> <div class="row"> <div class="col content">some content</div> <div class="col content raw">some ...
A altura div da criança excede a altura pai flexível no Firefox, mas não no Chrome
Como impedir que uma criança div com barras de rolagem eflex:1 exceder a altura do seu flexbox pai no Firefox? Funciona corretamente no Chrome. Link CodePen (se você preferir os snippets de estouro de ...