Resultados da pesquisa a pedido "flexbox"
Impedir que itens flexíveis sejam renderizados de um lado para o outro
Estou usando o flexbox para centralizar alguns itens em um bloco, mas quero que cada item dentro dela esteja em sua própria linha. Por exemplo, quero que o quadrado laranja esteja acima do texto, mas depois de usar o flex, ele foi movido para o ...
item flexível com imagem filho não ajusta seu tamanho corretamente
Eu encontrei este post,O item flexível com filho da imagem não se ajusta à largura original [https://stackoverflow.com/questions/42417182/flex-item-with-image-child-doesnt-adjust-from-its-original-width] , que eu pensava inicialmente ter a ...
Reordene a página inteira com CSS flexbox
Preciso alterar a ordem da minha página inteira para dispositivos móveis, usando o Flex. Posso fazer isso funcionar dentro do contêiner individual, mas é possível fazê-lo com todos os contêineres da página? Aqui está um exemplo: .outer { ...
flex vs flexGrow vs flexShrink vs flexBasis em React Native?
Eu finalmente atualizei reagir nativo para 0,42, que inclui a introdução deflexGrow, flexShrinkeflexBasis e a mudança (ou correção) de comoflex é renderizado. Eu continuo recebendo erros como: A exibição foi renderizada com largura / altura ...
justify-content: space-between com espaço igual entre o primeiro e o último item também [duplicado]
Esta pergunta já tem uma resposta aqui: Espaço igual entre itens flexíveis [/questions/45134400/equal-space-between-flex-items] 5 respostasQuero usar o flexbox para configurar uma grade elástica * simples ... .container{ display: flex; ...
Centralizar horizontalmente os elementos em seu contêiner, evitando sobreposição
Encontrei um problema interessante de CSS hoje e tenho quebrado meu cérebro tentando resolvê-lo. Isso é semelhante ao problema trivial de "uma fileira de três elementos, à esquerda, à direita e ao centro", que pode ser facilmente resolvida com ...
O Bootstrap 4 alinha os elementos dentro de uma div col
Minha pergunta é bem simples, mas não encontro uma maneira adequada (quero dizer, não use posicionamento absoluto de subelementos dentro de um contêiner de posição relativa) para conseguir isso no Bootstrap 4. Eu tenho uma linha com um col-8 e ...
Como exibir a hora horizontalmente com o flex?
Ao usar o flexbox para estilizar, se o contêiner pai estiver definido comodisplay: flex isso causará o<hr /> para ser exibido verticalmente em vez de horizontalmente. .container { display: flex; flex: 1; }<div class='container'> <h2>Test</h2> ...
Como alinhar verticalmente as caixas de diálogo modais do Bootstrap v4
Centralize verticalmente os diálogos modais no Bootstrap 4. Nota:Os requisitos abaixo foram adicionados para deixar claro que estou procurando umapropriadomaneira de centralizar verticalmente um modal Bootstrap, cobrindo todos os casos ...
Flexbox - align-self: flex-end horizontalmente
Como alinhardiv.c para a extremidade direita com flexbox como abaixo? +--------------+ |A B C | +--------------+ A regraalign-self: flex-end; parece alinhar a caixa para o fundo, emboraflex-direction: row; +--------------+ |A B | | C | ...