Resultados da pesquisa a pedido "flexbox"
É possível misturar linhas e colunas com o flexbox?
Em outras palavras, é possível conseguir isso? [/imgs/gp9cV.png] Nota: Este é o melhor que pude obter: html, body, .container { height: 100%; } .container { border: 1px solid green; display: flex; flex-wrap: wrap; } .container > div { ...
Faça flexionar itens flexíveis para formar uma grade de 2 colunas
Estou tentando fazer uma grade de 2 colunas com flexbox, mas não está produzindo o resultado desejado. Em vez disso, está produzindo 3 colunas por linha. Aqui está minha marcação e css: #product_variants { display: flex; } ...
Filhos de altura igual dos itens flex
Estou com problemas para criar uma grade responsiva do flexbox e esperava que alguém pudesse me indicar a direção certa. Eu quero todo.block div tem a mesma altura e a.bottom div absolutamente posicionado na parte inferior. Na verdade, isso está ...
Por que o percentual de preenchimento / margem não funciona em itens flexíveis no Firefox e Edge?
Eu quero ter uma div quadrada dentro de um flexbox. Então eu uso: .outer { display: flex; width: 100%; background: blue; } .inner { width: 50%; background: yellow; padding-bottom: 50%; }<div class="outer"> <div class="inner"> <a>hehe</a> ...
Flexbox no IE11: imagem esticada sem motivo?
Estou tendo um problema com o flexbox no IE11 e, embora saiba que há muitos problemas conhecidos, não consegui encontrar uma solução ... <div class="latest-posts"> <article class="post-grid"> ...
Duas colunas e, quando uma está oculta, a outra expande toda a largura
Existe uma maneira com css puro de fazer com que 2 divs ocupem 50% de largura e, em seguida, defina uma propriedade css comodisplay:none em1das divs, faz com que a outra ocupe 100% de largura? Estou procurando uma solução em que eu preciso ...
Flexbox - justify-content: center e align-items: center não está funcionando?
Eu tenho uma configuração flexível bastante básica e, por qualquer motivo, a div em questão não será centralizada verticalmente dentro de sua tag pai. Você pode ver o caso de teste isolado abaixo. .likeness-rank-table { border-radius: 3px; ...
Colunas de altura igual com conteúdo centralizado no flexbox
Eu gostaria de ter duas colunas de igual altura e seu conteúdo deve estar alinhado ao meio, portanto, no centro de cada div. Problema:'altura igual' e 'alinhado ao meio' parecem se excluir, um não funciona com o outro. Pergunta, questão:Como ...
Por que o ajuste de objeto não está funcionando no flexbox?
Eu tenho várias colunas que estou dando largura igual usando flex. Cada um contémimg tags e gostaria que essas imagens exibissemobject-fit: cover dimensionamento. .container { display: flex; flex-direction: row; width: 100%; } .test { flex: ...
Como definir dinamicamente a altura da visão com base em sua largura, mantendo a proporção?
Eu quero ter uma visão cuja largura seja responsiva à largura do contêiner, mantendo sua proporção. Não quero codificar a largura ou a altura, mas mantenha-o dinâmico e responsivo para que possa ser reutilizado em várias situações como um ...