Resultados da pesquisa a pedido "flexbox"
Como centralizar um contêiner flexível, mas alinhar itens flexíveis à esquerda
Quero que os itens flexíveis sejam centralizados, mas quando temos uma segunda linha, temos 5 (da imagem abaixo) abaixo de 1 e não centralizados no pai. [/imgs/GhD1E.png] Aqui está um exemplo do que eu tenho: ul { display: flex; ...
Alterar a ordem div com CSS, dependendo da largura do dispositivo
Estou trabalhando em um site responsivo e me deparei com um problema interessante. Eu tenho alguns divs lado a lado. Pode haver de 2 a 6 ou mais deles. Quando a tela não é larga o suficiente para mostrar todo o conteúdo corretamente, as divs são ...
Material angular: Grade aninhada
Atualmente, estou usando o Bootstrap para um aplicativo da Web, mas quero mudar para Material angular. Agora eu estou brincando com a grade. Eu tenho uma estrutura de grade aninhada tripla. Não acho que as crianças estejam sendo exibidas ...
Itens flexíveis de altura igual em colunas flexíveis
Estou tentando fazer com que os itens da lista em uma coluna tenham a mesma altura dentro da lista. Aqui está o que eu tenho: <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> ol { min-height: 100%; display: flex; ...
Problema de renderização de rolagem vertical no Flexbox no Firefox [duplicado]
Esta pergunta já tem uma resposta aqui: Por que os itens flexíveis não diminuem o tamanho do conteúdo passado? [/questions/36247140/why-dont-flex-items-shrink-past-content-size] 1 resposta Desejo conter um item flexível dentro do pai para que ...
Como fazer o flex-end funcionar no IE11
Eu tentei fazerjustify-content: flex-end; trabalho, para conteúdo DIV oculto em excesso, no IE11, sem êxito. Depois de tentar várias combinações, criei um snippet mínimo que funciona no Chrome, mas não no IE11: .token-container { width: ...
Div com corpo transbordante de 100% de altura no Chrome
Estou tentando criar um filho de 100% de altura, conforme descritoaqui [https://stackoverflow.com/a/21165514/656449]eaqui [https://stackoverflow.com/a/20959601/656449]. No firefox e no IE, é mostrado como esperado, mas no chrome está uma bagunça. ...
O item flexível absolutamente posicionado não é removido do fluxo normal no IE11
Temos dois divs com conteúdo e um terceiro div que é um plano de fundo com posição absoluta. Container é uma caixa flexível. Tudo funciona bem no Chrome e Safari, masFirefox e O IE11 leva em consideração a div posicionada absoluta e distribui o ...
Como desativar colunas de altura igual no Flexbox?
Eu tenho três elementos que estou tentando alinhar no meu layout. Primeiro, eu tenho uma div para feedback e, em seguida, uma entrada de pesquisa e, em seguida, um elemento div para sugestões. Quero que o primeiro e o último elemento tenham uma ...
Internet Explorer - Proporção de imagem Flexbox
O violino a seguir mostra a proporção da imagem corretamente no Chrome / Firefox. No entanto, no Internet Explorer, as imagens (que devem ser quadradas) mantêm sua altura original no layout do flexbox ao serem redimensionadas para caber ...