Resultados de la búsqueda a petición "flexbox"
¿Cómo estirar al niño flexible para llenar la altura del contenedor?
Necesito estirar al niño amarillo para llenar toda la altura de los padres. Sin establecer la altura de los padres. La altura del padre debe depender del texto hijo azul.https://jsfiddle.net/7vaequ1c/1/ [https://jsfiddle.net/7vaequ1c/1/] <div ...
Evite que los elementos flexibles se procesen de lado a lado
Estoy usando flexbox para centrar algunos elementos en un bloque, pero quiero que cada elemento dentro esté en su propia fila. Por ejemplo, quiero que el cuadrado naranja esté sobre el texto, pero después de usar flex, lo mueve al lado del texto: ...
justify-content: espacio intermedio con igual espacio entre el primer y el último elemento también [duplicado]
Esta pregunta ya tiene una respuesta aquí: Igual espacio entre elementos flexibles [/questions/45134400/equal-space-between-flex-items] 5 respuestasQuiero usar flexbox para configurar una simple rejilla elástica * ... .container{ display: flex; ...
Barra de desplazamiento y desbordamiento de Flexbox que se muestra en el cuerpo en lugar del elemento en Firefox / IE / Edge
El problema: En un diseño de aplicación de tamaño completo (100% de ancho, 100% de altura) con flexbox con desbordamiento, las barras de desplazamiento no se muestran para desbordamiento-y en Firefox, IE o Edge. Se muestran correctamente en ...
Pin un elemento flexible en la parte inferior del contenedor
Tengo 4 bloques con un título, descripción y un botón. Quiero mantener el Título y la Descripción alineados en la parte superior, y el Botón para alinearlos en la parte inferior, sin importar cuánto tiempo sea la descripción o el ...
¿Explicación para establecer "flex: 1" o "flex-grow: 1" en todos los nodos ancestros en diseños flexibles anidados dado que las propiedades de flex no son jerárquicas?
He leído varias veces eso para obtenerflex-grow para trabajar como se espera, a menudo necesita configurarflex-grow:1 (oflex:1) en el elemento primario del elemento, su elemento primario, etc., todo el camino hacia arriba. Esto me dio la ...
Agregue desplazamiento a cada columna en Diseño de cuadrícula CSS
Quiero un desplazamiento separado en cada una de mis columnas en mi diseño de cuadrícula. Actualmente, estoy desarrollando una aplicación web solo para dispositivos móviles. Quiero usar un diseño de cuadrícula diferente para las ...
¿Pueden los artículos flexibles envolverse en un contenedor con altura dinámica?
Tengo un problema de caja flexible. ¿Alguien puede señalarme en la dirección correcta? Incluso podría ser que flex-box no pueda resolver esta situación debido a la forma en que funciona. Quiero mostrar contenido en 4 columnas. Haga que el ...
Cree una cuadrícula de mampostería con flexbox (u otro CSS)
Me gustaría lograr un efecto de cuadrícula en CSS con elementos que tengan el mismo ancho en tamaño pero no en altura. Me gustaría que el elemento debajo esté siempre a 50 px del inferior, lo que sea que siga. Lo intenté con carrozas, pero ese ...
Hacer que los elementos flexibles se superpongan
Me gustaría mostrar una serie horizontal de un número desconocido de naipes. Para hacer esto, tendrán que superponerse si hay demasiados. Tengo problemas para convencer a una caja flexible de que solape las tarjetas sin reducirlas. El siguiente ...