Perguntas com a marcação «flexbox»

Módulo CSS para layouts flexíveis, fornecendo uma ampla gama de opções para alinhar elementos, eliminando a necessidade de flutuadores e tabelas.

5
Flexbox e Internet Explorer 11 (exibir: flex em <html>?)
Estou planejando deixar de usar layouts "flutuantes" e usar CSS flexbox para projetos futuros. Fiquei encantado em ver que todos os principais navegadores em suas versões atuais parecem oferecer suporte (de uma forma ou de outra) ao flexbox. Eu fui para "Resolvido pelo Flexbox" para ver alguns exemplos. No entanto, …
8
Manter a proporção da imagem ao alterar a altura
Usando o modelo CSS flex box, como posso forçar uma imagem a manter sua proporção? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Observe que as imagens aumentam ou diminuem para preencher a largura do contêiner. Tudo bem, mas também podemos esticar ou diminuir a altura para manter as proporções da imagem? HTML &lt;div class="slider"&gt; …
114 html  css  flexbox 
2
Posicione o último item flexível no final do contêiner
Esta questão se refere a um navegador com suporte total a CSS3, incluindo flexbox. Eu tenho um contêiner flexível com alguns itens nele. Eles são todos justificados para flex-start, mas quero que o último .end item seja justificado para flex-end. Existe uma boa maneira de fazer isso sem modificar o …
105 css  flexbox 
1
Impedir que os itens flexíveis se estiquem
Amostra: div { display: flex; height: 200px; background: tan; } span { background: red; } &lt;div&gt; &lt;span&gt;This is some text.&lt;/span&gt; &lt;/div&gt; Executar snippet de códigoOcultar resultadosExpandir snippet Eu tenho duas perguntas, por favor: Por que isso basicamente acontece com o span? Qual é a abordagem certa para evitar que ele …
100 html  css  flexbox 
2
Linhas de altura igual no layout de grade CSS
Percebi que isso é impossível de se conseguir usando o Flexbox, já que cada linha pode ter apenas a altura mínima necessária para ajustar seus elementos, mas isso pode ser alcançado usando o CSS Grid mais recente? Para ser claro, eu quero altura igual para todos os elementos em uma …
7
React Native posicionamento centro horizontal absoluto
Parece que position:absoluteem uso um elemento não pode ser centralizado usando justifyContentou alignItems. Há uma solução alternativa a ser usada, marginLeftmas não exibe a mesma para todos os dispositivos, mesmo usando dimensões para detectar a altura e a largura do dispositivo. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: …
9
Fileiras de altura igual em um flex container
Como você pode ver, list-itemso primeiro rowtem o mesmo height. Mas os itens do segundo rowsão diferentes heights. Quero que todos os itens tenham um uniforme height. Existe alguma maneira de conseguir isso sem dar altura fixa e usando apenas o flexbox ? Aqui está o meu code .list { …
94 html  css  flexbox 
4
A 'posição: absoluta' está em conflito com o Flexbox?
Quero fazer um divpalito na parte superior da tela sem qualquer influência sobre outros elementos e seu elemento filho no centro. .parent { display: flex; justify-content: center; position: absolute; } &lt;div class="parent"&gt; &lt;div class="child"&gt;text&lt;/div&gt; &lt;/div&gt; Executar snippet de códigoOcultar resultadosExpandir snippet Quando eu adiciono a position: absolutelinha, justify-content: centertorna-se inválido. …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.