Perguntas com a marcação «flexbox»

Eu tenho um contêiner flexível com dois itens flexíveis. Eu quero definir um margin-top no segundo, mas apenas quando estiver embrulhado e não na primeira linha flexível. Se possível, quero evitar o uso de consultas de mídia. Achei que a margem inferior do primeiro elemento poderia ser uma solução. No …

88 css  margin  flexbox 

Estou centralizando um DIV dentro de outro DIV usando um flexbox. Pense em uma janela de diálogo que aparece no centro da tela quando necessário. Funciona bem, no entanto, ficaria muito melhor se o espaço acima e abaixo da caixa de diálogo não fosse exatamente igual, tendo 40% do espaço …

23 html  css  flexbox  centering 

Estou tentando criar um sistema de menus com uma imagem e texto acima e abaixo. Os dados são dinâmicos. Estou querendo que o sistema de menus apareça para que cada imagem fique a uma distância igual da outra, para que se alinhem em uma grade de imagens na horizontal e …

17 html  css  flexbox 

Eu codifiquei um script (com a ajuda de um usuário aqui) que me permite expandir uma div selecionada e fazer com que as outras divs se comportem de acordo, esticando igualmente para ajustar o espaço restante (exceto o primeiro cuja largura é fixa). E aqui está uma imagem do que …

9 javascript  jquery  css  flexbox  css-transitions 

Exibindo uma galeria de imagens de diferentes tamanhos e proporções com as seguintes especificações: Não há espaços em branco (margens) entre as imagens. Respeitando a proporção original, tanto quanto possível. Imagens rodeadas por um link. Solução não JS. As imagens podem ser cortadas um pouco. Solução portátil. O conjunto de …

9 css  flexbox  image-gallery 

Lutando para que as coisas se comportem. Eu tenho uma lista dinâmica de imagens em um site responsivo. O layout é gerado onde as imagens podem estar em linhas / colunas ou linhas de colunas. Este exemplo está próximo, mas as imagens emparelhadas não se alinham na parte inferior à …

8 html  css  flexbox  object-fit