Resultados da pesquisa a pedido "flexbox"
Flexbox: flex-start, auto-start e start; Qual é a diferença?
Acabei de notar alguns valores doalign-self propriedade que eu não vi antes. O que sãostart, end, self-starteself-end e quais são suas diferençasflex-start eflex-end? Eu tenho me referido ao guia em ...
Rodapé pegajoso com flexbox
Eu descobri uma maneira muito simples de criar um rodapé fixo para o meu site e, à primeira vista, ele parece funcionar perfeitamente. Mas como não vejo outras pessoas usando a mesma coisa,Gostaria de saber se esta maneira de fazê-lo está ...
Grade quadrada de Bootstrap 4
Eu quero criar uma grade de quadrados responsiva com o Bootstrap 4, para fazer isso, estou fazendo algo parecido com isto (Uma linha): <div class="container"> <div class="row"> <div class="col"></div> <div class="col"></div> <div ...
Fazer com que os elementos irmãos tenham a mesma largura quebra o texto neles
Estou tentando definir a largura da div, e seu conteúdo é a largura do parágrafouser-title iniciar. Este é o HTML e CSS: .panel { margin-bottom: 20px; width: auto; display: inline-flex; flex-direction: column; box-shadow: 0 2px 4px 0 #C6C2BF; ...
Flexbox e Internet Explorer 11 (exibição: flex em <html>?)
Estou planejando me afastar de layouts "flutuantes" e usar o css flexbox para projetos futuros. Fiquei encantado ao ver que todos os principais navegadores em suas versões atuais parecem suportar (de uma maneira ou de outra) flexbox. Fui até o ...
Bootstrap 4 Navbar e altura do preenchimento de conteúdo flexbox
Eu tenho que criar um layout no qual uma grade de conteúdo deve estar na página restante completa, mas o layout também possui uma barra de navegação. Para fazer isso, decidi colocar a barra de navegação em um contêiner flexível e o conteúdo em ...
multiline-flexbox no IE11, calculando larguras incorretamente?
Parece que o IE11 não calcula corretamente as larguras dos itens flexíveis seflex-wrap: wrap é usado. Vejohttp://jsfiddle.net/MartijnR/WRn9r/6/ [http://jsfiddle.net/MartijnR/WRn9r/6/] Cada uma das quatro caixas possui base flexível: 50%, ...
Internet Explorer 10 não aplica flexbox em elementos embutidos
De acordo comespecificações do flexbox [http://www.w3.org/TR/css3-flexbox/#flex-items]um item de extensão flexível (filhos de um contêiner flexível) deve ser convertido emdisplay:block. O Internet Explorer 10 não aplica essa transformação e, ...
Como alinhar à direita o item flexível?
Existe uma maneira mais flexível para alinhar "Contato" à direita do que usarposition: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; ...
Coluna fixa e rolável no bootstrap 4 flexbox
Passei algumas horas tentando descobrir isso, e parece que deveria ser tão simples. A página da Web é um pouco mais complexa, mas o problema se resume a isso. Estou tentando criar uma caixa flexível à esquerda que deve conter o menu, depois uma ...