Resultados da pesquisa a pedido "flexbox"
O Flexbox não funciona nos elementos de botão ou conjunto de campos
Estou tentando centralizar elementos internos de um<button>-tag com flexboxjustify-content: center. Mas o Safari não os centraliza. Posso aplicar o mesmo estilo a qualquer outra tag e ele funciona conforme o esperado (consulte o<p>-etiqueta, ...
Alturas renderizadas de maneira diferente no Chrome e Firefox [duplicado]
Esta pergunta já tem uma resposta aqui: O Chrome / Safari não preenche 100% da altura do pai flexível [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respostasDescobri que se definirmos um elemento de nível de bloco ...
Como dimensionar itens flexíveis sem porcentagens?
Estou tentando criar uma grade baseada em flexbox, com o conteúdo sendo 2/3 de largura e a barra lateral no restante 1/3. Eu usei porcentagens para a largura em cada coluna, que infelizmente estão me causando erros na navegação e no ...
Como criar bordas "recolhidas" em torno de itens flexíveis e seu contêiner?
Eu tenho o seguinte layout: #limited-width { width: 100%; max-width: 200px; margin: 0 auto; font-size: 18px; } ul { display: flex; flex-flow: row wrap; list-style: none; padding: 0; margin: 20px; } ul > li { display: block; text-align: center; ...
atingindo colunas de altura igual com flexbox
Estou tentando criar um layout que tenha dois grupos de conteúdo separados: um no lado esquerdo e no lado direito, com largura fixa (20% / 80%) por enquanto. Em cada lado, estou tentando organizar o conteúdo usando o flexbox: painel esquerdo ...
Centralizar texto sobre uma imagem no flexbox
Como centralizar o alinhamento do texto sobre um<img> de preferência usando o FlexBox? body { margin: 0px; } .height-100vh { height: 100vh; } .center-aligned { display: box; display: flex; box-align: center; align-items: center; ...
Como justificar (esquerda, direita, centro) cada criança de forma independente?
Em reagir nativo, tenho: <View style={styles.navBar}> <Text>{'<'}</Text> <Text style={styles.navBarTitle}> Fitness & Nutrition Tracking </Text> <Image source={icon} style={styles.icon}/> </View>com estes estilos: { navBar: { height: 60, ...
Linhas de altura igual em um contêiner flexível
Como você pode ver, olist-items em primeirorow tem o mesmoheight. Mas itens no segundorow tem diferenteheights. Quero que todos os itens tenham um uniformeheight. [/imgs/KVxvj.png] Existe alguma maneira de conseguir isso sem daraltura fixae ...
Excluir elemento com posicionamento fixo do conteúdo justificado no layout flexível [duplicado]
Esta pergunta já tem uma resposta aqui: O item flexível absolutamente posicionado não é removido do fluxo normal no IE11 [/questions/32991051/absolutely-positioned-flex-item-is-not-removed-from-the-normal-flow-in-ie11] 4 respostasAtualmente, ...
o item flexível excede o contêiner devido à palavra longa, mesmo após o uso da quebra de linha
<div class="parent"> <div class="child1"> question </div> <div ...