Perguntas com a tag "flexbox"

0

Como fazer uma horizontalmente alvenaria em CSS usando o Flexbox oder CSS Grade?

Eu quero criar exatamente o Layout é sobre a imagem, contendo apenas as 6 caixas. Não é nenhum problema para dar a cada caixa de uma altura fixa. Imagem do Layout eu tentei construir Eu já tentei conseguir isso, usando uma espécie de coluna / lacun...
1

Flex com altura máxima

Como posso definir uma altura da coluna da esquerda(bloco) para 100% usando o flex? Eu tenho o dom como este: <LeftPanel> <Logo /> <Profile /> <Chat /> <SocialButtons /> </LeftPanel> LeftPanel a uma altu...
1

Fazer o flexbox item de largura igual a largura combinada dos elementos irmão

Eu tenho uma linha de largura fixa flex itens, e um rodapé elemento que deve abranger a largura combinada dos elementos acima. Como posso fazer isso? Aqui está o que eu tenho até agora, no entanto, a linha inferior é mais larga que a largura da prim...
1

Como posso fazer para que a div para flutuar na parte inferior, sem que a altura da caixa de alterar toda vez que a janela é redimensionada?

Eu tenho desenvolvido um formulário. Aqui eu quero que o "texto algum texto" seção para grudar no fundo da caixa e também eu quero a caixa para ser da mesma altura da tela. No entanto, o código que eu escrevi faz o que eu quero, mas desde que eu tenh...
1

Flex cartões em 5 coluna

Este é o meu principal componente que mantém os cartões. Quando no mobile/telas menores, as cartas estão em um carrossel - NukaCarousel e quando no ambiente de trabalho, eles estão em uma coluna de 5 lista Eu tentei replicar-lo na caixa de areia , m...
0

O formulário de Entrada exibida acima do campo de texto usando o flexbox

Eu estou tentando criar um formulário usando o flexbox, e o que eu gostaria é para o rótulo de campos para ser acima do texto de campos de entrada, e exibidos em uma linha. Atualmente, minha forma é apresentar, em uma linha, mas não consigo o rótulo ...
0

Elemento filho de estouro de resultados no botão em recipiente diferente de fugir do mouse quando o cursor é passado

Veja o trecho abaixo. Sempre que o mouse é movido sobre o botão, o .nested-tall expande-se, por algum motivo, e a toda a .tall recipiente redimensiona, de modo que o botão não está mais onde o mouse é, e não é clicável, pelo menos com o mouse. b...
3

o centro horizontalmente e verticalmente, de parágrafo dentro de div

como eu posso centro horizontalmente e verticalmente o parágrafo dentro da div , cheguei a este resultado .Benefits { min-height: 20%%; width: 100%%; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } <...
1

Alguém pode me explicar como a alinhar-itens proprety funciona?

Eu estava me perguntando uma pergunta : Como o css proprety "alinhar-itens" funciona ? Quando me perguntam como é o trabalho de me dizer, como é que o navegador interpreta o proprety, não como usar o proprety. Obrigado
1

Criação de lista de cartões de mesma altura com o flexbox

Eu estou tentando fazer uma lista de cartas com a mesma largura e a mesma altura. Eu estou usando flex, bootstrap e algumas linhas de adminlte. O meu problema é que quando algumas etiquetas com texto são maiores que outros, a altura de cartão de mu...
0

Angular Material Flexbox

Depois de tentar todos os tipos de flexbox abordagens, o que eu preciso para pedir orientação. Eu tenho que produzir um complexo esquema para desktop e mobile. No entanto, até mesmo o layout para celular precisa mudar, e eu quero começar com isso. A...
0

Quando eu Deve fazer um web ajuste para dispositivos móveis?

Oi eu tenho duas pergunta é boa idéia misturar o flexbox com tritura, e quando eu deveria caber em meu web para celulares em iniciar, no trabalho ou no final? ou lembre-se de que todo o tempo, e corrija web, não só na minha área de trabalho, mas no t...
1

Não pode definir o flexbox crianças com altura para 100% no Chrome

Eu estou tentando fazer a caixa azul abaixo preencher toda a altura do botão, mas ele parece não funcionar. Por que razão não o height: 100%% de trabalho para o .el elemento? button { background: red; height: 55px; display: flex; ali...
1

Texto reticências em uma coluna flex

Eu estou tentando obter o texto reticências trabalhando em um flex layout de coluna dentro de uma linha flex. Um caso de uso seria para algo como separadores com os ícones, todos os guias precisam caber dentro de uma linha, e, potencialmente, ser tru...
0

Alinhar itens em flex-caixa de coluna por meio do item

No meu layout, eu tenho três empilhados verticalmente de itens em uma coluna. O que eu estou tentando alcançar é o centro do meio item (verde) dentro da coluna e tem outros itens ligados a isso. O que eu tenho: .flex-row { display: flex; ...
0

O que em tempo real desenvolvimento front-end problema flexbox e Css Grid resolver?

O que em tempo real desenvolvimento front-end problema Flexbox e css grid resolver?