Resultados de la búsqueda a petición "flexbox"

4 la respuesta

La base flexible de CSS no funciona cuando la dirección flexible es 'columna'

Mi objetivo es crear un diseño de dos columnas con flexbox en el que la primera columna tenga dos filas y la segunda columna tenga una, como esta:Ajuste

30 la respuesta

Mejor manera de establecer la distancia entre los elementos de flexbox [cerrado]

Para establecer la distancia mínima entre los elementos de flexbox que estoy usando

2 la respuesta

¿Por qué las dos etiquetas p no están una al lado de la otra cuando la pantalla es ancha?

1 la respuesta

Altura 100% en la columna flexbox hijo [duplicado]

7 la respuesta

¿Cambiar automáticamente el tamaño de la imagen en CSS FlexBox Layout y mantener la relación de aspecto?

He usado el diseño de la caja flexible CSS que aparece como se muestra a continuación:Si la pantalla se vuelve más pequeña se convierte en esto:El problema e...

5 la respuesta

Desplazando un flexbox con contenido desbordante

Aquí está el código Estoy usando para lograr el diseño anterior:

4 la respuesta

Flexbox e Internet Explorer 11 (pantalla: flex en <html>?)

Estoy planeando alejarme de los diseños "flotantes" y usar css flexbox para proyectos futuros. Me encantó ver que todos los principales navegadores en sus versiones actuales parecen admitir (de una forma u otra) flexbox. Me dirigí a "Resuelto ...

4 la respuesta

multiline-flexbox en IE11 calculando anchos incorrectamente?

Parece que IE11 no calcula los anchos de elementos flexibles correctamente siflex-wrap: wrap es usado Verhttp://jsfiddle.net/MartijnR/WRn9r/6/ [http://jsfiddle.net/MartijnR/WRn9r/6/] Cada una de las 4 cajas tiene una base flexible: 50%, por lo ...

10 la respuesta

¿Cómo alinear a la derecha el elemento flexible?

¿Hay alguna forma más flexible de alinear a la derecha "Contacto" que usarposition: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; ...

1 la respuesta

Comportamiento "rowspan" con flexbox

Dado este marcado: <div class="foo"> <div class="a"></div> <div class="b"></div> <div class="c"></div> </div>Y CSS: .foo { display: flex; flex-wrap: wrap; } .a { flex: none; width: 50%; height: 100px; background: green; } .b { flex: none; ...