Resultados da pesquisa a pedido "flexbox"

3 a resposta

comportamento flexível do flexbox com altura máxima

Meu problema provavelmente é melhor explicado pelo exemplo. O seguinte jsfiddle funcionará no Chrome: http://jsfiddle.net/ga6g4/ [http://jsfiddle.net/ga6g4/] Como você pode ver, eu tenho um flexbox de altura fixa com um cabeçalho fixo e um ...

2 a resposta

Como faço para que meu layout flexbox ocupe 100% de espaço vertical?

Como posso saber se uma linha de layout do flexbox consome o espaço vertical restante em uma janela do navegador? Eu tenho um layout flexbox de 3 linhas. As duas primeiras linhas têm altura fixa, mas a terceira é dinâmica e eu gostaria que ...

11 a resposta

Como manter os itens flexíveis agrupados da mesma largura que os elementos da linha anterior?

eu tenho um<ul> que é uma caixa flexível e um monte de<li>s nele que são os itens flexíveis. Eu estou tentando pegar o<li> ter uma largura flexível, que fique entre dois tamanhos usando largura mínima e largura máxima. Funciona muito bem desde ...

1 a resposta

Como corrigir a ordem inesperada das colunas no bootstrap 4?

Estou tentando criar um layout como o seguinte: [/imgs/gXUve.png] Emxs dispositivos, gostaria que o pedido fosse primeiro segundo segundo. O código de exemplo que tenho é: <!DOCTYPE html> <html> <head> <meta ...

1 a resposta

O layout flexível do Safari 6 (iOS 6) não quebra elementos

Eu preciso que as duas caixas estejam em colunas. Isso funciona em outros navegadores que testei, mas não no Safari 6 no iOS 6. Exemplo:http://jsfiddle.net/5FESj/1/ [http://jsfiddle.net/5FESj/1/] display: -webkit-box; -webkit-box-direction: ...

2 a resposta

O que exatamente conjuntos de propriedades de base flexível?

Existe uma diferença entre definirmax-width ouwidth para um item flexível em vez doflex-basis? É o "ponto de ruptura" para oflex-grow/shrink propriedades? E quando eu definirflex-wrap: wrap como o navegador decide em que ponto mover o item para ...

6 a resposta

Como justificar um único item do flexbox (substituir justify-content)

Você pode substituiralign-items comalign-self para um item flexível. Estou procurando uma maneira de substituirjustify-content para um item flexível. Se você tivesse um contêiner flexbox comjustify-content:flex-end, mas você deseja que o ...

3 a resposta

Como posso ter duas colunas de largura fixa com uma coluna flexível no centro?

Estou tentando configurar um layout de caixa flexível com três colunas em que as colunas esquerda e direita têm uma largura fixa e a coluna central flexiona para preencher o espaço disponível. Apesar de configurar as dimensões das colunas, elas ...

3 a resposta

Alternativa Flexbox para IE9

Desenvolvi um site com o Chrome inicialmente (mais fácil de projetar), mas agora estou chegando ao modelo de suporte do IE. Dito isto, comecei com o IE11 e fiz as alterações necessárias para as diferenças peculiares entre o IE e o Chrome. Mas ...

4 a resposta

flex-grow não funciona no internet explorer 11

Hy Estou tendo alguns problemas com o flex no IE: http://jsfiddle.net/EvvBH/ [http://jsfiddle.net/EvvBH/] Observe que o elemento #two possuiflex: auto, que deveria expandi-lo para encher o contêiner, mesmo se não houver conteúdo ...