Resultados da pesquisa a pedido "flexbox"
Gerenciando o crescimento de caixas flexíveis CSS em várias linhas para criar uma grade de blocos iguais
Estou procurando uma maneira de criartamanho igualcaixas comflexbox Enquanto estiver usandoflex-growth: 1. Isso funciona muito bem, definindo o pai com: display: flex; flex-flow: row-wrap;e seus filhos com: flex: 1 0 10rem;No entanto, a última ...
O Compass 1.0 não usa todos os prefixos do Flexbox
Eu uso o Compass 1.0 e quando eu faço@include display-flex; ou qualquer outra propriedade relacionada a flex que recebo apenas display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;etc. Não-moz ou-o prefixos. ...
Problema ao centralizar verticalmente com o flexbox quando as alturas são desconhecidas
Meu layout tem um contêinerflex-container e uma criança HTML: <div class="flex-container"> <div>text</div> </div>O contêiner e a criança têm umaltura desconhecida. E o objetivo é: Se a criança tiver uma altura mais baixa que o contêiner, ela ...
O item flexível se sobrepõe a outro item no IE11
Eu tenho dois divs: div superior contém um texto longo que ocupa várias linhasdiv menor temmin-height eflex-grow: 1Quando reduzi a janela para o pergaminho apareceu, no chrome tudo é exibido corretamente. Porém, no IE11, a div superior é ...
Flexbox não dando largura igual aos elementos
Tentativa de uma navegação flexbox com até 5 itens e menos de 3, mas não está dividindo a largura igualmente entre todos os elementos. Violino [http://jsfiddle.net/2nY9N/1/]O tutorial que estou modelando é ...
Distribua os botões da maneira mais uniforme possível
eu tenho umlargura variávelcontainer (uma div). Este contêiner contém umvariável númerode botões cujatamanhos variar. <div class="buttons"> <button>Reddit</button> <button>G+</button> <button>Facebook</button> <button>Stack ...
Controle a ordem dos elementos empilhados verticalmente usando apenas CSS Flexbox
Estou tentando usar oMódulo de layout de caixa flexível CSS [http://www.w3.org/TR/css3-flexbox/]para controlar a ordem em que os elementos são renderizados. Aqui está um exemplo de HTML (eviolino [http://jsfiddle.net/jbeall/dnew63of/6/]): <div ...
quebra de página após não funcionar em caixas flexíveis
Isso não produz o resultado esperado dentro da visualização de impressão no Firefox: <aside> side </aside> <div> <p> page 1 </p> <p> page 2 </p> </div>CSS: body{ display: flex; } aside{ flex: none; width: 100px; } div{ flex: auto; } ...
Como alinhar 3 divs (esquerda / centro / direita) dentro de outra div?
Eu quero ter 3 divs alinhados dentro de um container div, algo como isto: [[LEFT] [CENTER] [RIGHT]]A div do contêiner tem 100% de largura (sem largura definida), e a div central deve permanecer no centro após redimensionar o contêiner. Então eu ...
Cartões Bootstrap 4 - alinhe o conteúdo na parte inferior
Eu tenho um grupo de cartões de bootstrap reunidos em um grupo de cartões, o que significa que todos têm a mesma largura e altura. O conteúdo de cada cartão é diferente em altura e preciso de um botão alinhado na parte inferior de cada cartão ...