Resultados da pesquisa a pedido "flexbox"
Como centralizar e alinhar à direita em uma linha apenas com CSS Flex
Tentei muitas variações como essa, mas não consegui fazê-la funcionar. Aqui está a última tentativa: .parent { display: flex; //justify-content: center; width: 600px; background-color: yellow } .c { //flex: 1 1 0; //text-align: end; ...
A diferença entre flex: 1 e flex-grow: 1
Nomdn [https://developer.mozilla.org/en-US/docs/Web/CSS/flex] flex:1significa o mesmo que flex-grow:1.No entanto, na verdade, tem show diferente no navegador. Você pode experimentá-lo nestejsFiddle [https://jsfiddle.net/vh6uo8g2/]alterando o ...
Flexbox, comportamento estranho com CSSGrid
Eu tenho esta situação:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] Emcromadafunciona bem, veja o seguinte: [/imgs/77Sz0.png] Começa (consulte "PRIMEIRO" e "ÚLTIMO" btn). Boa. EmSafárinão (também com iPad / ...
no flexbox como empurrar o próximo elemento da linha para perto do elemento superior direito da linha anterior, sem margens negativas?
Eu tenho três elementos embrulhados no container flex, por dois seguidos: <div class="container"> <div class="elem-1">a</div> <div class="elem-2">b</div> <div class="elem-3">c</div> </div>Existe uma maneira de empurrar o último elemento da linha ...
Fazendo dois elementos adjacentes se comportarem como um único elemento [duplicado]
Esta pergunta já tem uma resposta aqui: Como reordenar divs usando a caixa flexível? [/questions/45883549/how-to-reorder-divs-using-flex-box] 1 respostaÉ possível fazer com que dois elementos adjacentes se comportem como um único elemento, em um ...
A variação da largura do Flexbox com o conteúdo deve ter largura fixa
Estou criando uma página responsiva para dispositivos móveis e usando o flexbox pela primeira vez. O problema que tenho é que, quando há muitas informações no conteúdo, a div se estende muito além da largura da página. Eu tentei usar estilos de ...
Itens flexíveis sobrepostos no Chrome e IE11
Estou tentando criar um layout flexbox de altura fixa que rola o conteúdo interno quando o conteúdo interno é muito grande. Além disso, se o conteúdo não causar rolagem, quero corrigir uma div com botões na parte inferior do contêiner. Eu tenho ...
Layout de alvenaria somente CSS
Preciso implementar um layout de alvenaria bastante comum. No entanto, por vários motivos, não quero usar JavaScript para fazer isso. [/imgs/Z25DI.png] Parâmetros: Todos os elementos têm a mesma larguraOs elementos têm uma altura que não ...
Como quebrar o flexbox em várias linhas e colunas?
Estou tentando construir uma galeria em forma de alvenaria, mas não consigo entender a embalagem das caixas flexíveis? [/imgs/jbJcg.png] Eu tenho uma lista simples da UL e adicionei o estilo necessário, mas as coisas não estão flutuando e ...
Tornar o contêiner de grade preencher colunas e não linhas
Quero que minha grade preencha verticalmente assim: 1 4 7 2 5 8 3 6 9 ... arbitrary number of additional rows.Em vez disso, preenche horizontalmente assim: 1 2 3 4 5 6 7 8 9Quero especificar o número de colunas na minha grade, não o número de ...