Resultados da pesquisa a pedido "flexbox"
O Flexbox não alinha mais o item quando o texto é quebrado
Estou lutando com o uso de umflexbox contêiner junto combootstrap 4 para alinhar meus elementos horizontalmente centralizados. Isto é o que eu tenho até agora: <div class="d-flex flex-column align-items-center"> <img ...
Os itens flexíveis podem ser acondicionados em um contêiner com altura dinâmica?
Eu tenho um problema de caixa flexível. Alguém pode me apontar na direção certa? Pode até ser que a flex-box não consiga resolver essa situação devido à maneira como ela funciona. Quero exibir o conteúdo em 4 colunas. Faça com que o conteúdo ...
Crie uma grade de alvenaria com flexbox (ou outro CSS)
Gostaria de obter um efeito de grade em CSS com elementos que tenham a mesma largura em tamanho, mas não em altura. Eu gostaria que o elemento abaixo estivesse sempre a 50px do inferior, o que for a seguir. Eu tentei com carros alegóricos, mas ...
Layout de 3 colunas responsivo em html / css - empilhar a coluna da direita abaixo da coluna da esquerda
Estou tentando fazer com que a coluna direita de um layout de 3 colunas se mova abaixo da coluna esquerda em telas menores. No momento, a coluna da direita se move na direção correta, exceto que fica abaixo da coluna do meio. Eu criei esta ...
Flexbox: Alternar "linha" e "linha inversa" de acordo com o número da linha
Estou tentando criar um layout responsivo com o Flexbox que permita alternar as duas direçõesrow erow-reverse. Talvez você possa entender melhor com alguma imagem (lembre-se da ordem das caixas): [/imgs/TsgES.png] E redimensionando: ...
Como adaptar a largura da div ao conteúdo com o flexbox
Eu quero adaptar o.flexrow largura do div para o conteúdo, mas não posso defini-lo com o flex. HTML <div class="fullwidth"> <div class="sidebar"> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> </div> ...
Fazer sobreposição de itens flexíveis
Gostaria de mostrar uma série horizontal de um número desconhecido de cartas de jogar. Para fazer isso, eles terão que se sobrepor se houver muitos. Estou tendo problemas para convencer uma caixa flexível a sobrepor os cartões sem encolhê-los. O ...
Base flexível para agrupar colunas
Eu tenho uma configuração de grade bastante básica no flex, mas recentemente me deparei com uma supervisão que fiz. Eu tenho colunas que têm uma margem direita: 3em e base flexível: calc (33% - 3em). Meu problema é que o quarto e o quinto deles ...
Como impedir que uma TextArea que redimensiona a sobrecarga da página?
Estou trabalhando para criar uma TextArea centralizada na horizontal e na vertical na página. Como eu preciso que a TextArea seja centralizada verticalmente, não posso ter a área de texto de 100w e 100h, preciso que ela comece com uma altura ...
Como fazer com que os itens do flexbox encolhem corretamente quando em um contêiner aninhado?
Se eu configurar um contêiner flexbox aninhado da seguinte maneira: <div class="container1"> <div class="grow1"> <div class="container2"> <div class="grow2"></div> </div> </div> </div>... e defina olargurade grow2 tal que sejamais largodo que ...