Preguntas con respuestas sobre "flexbox"

Quería usar la propiedad de cuadro flexible para mi diseño donde creamos cuadros dinámicamente. ...

...

Estoy usando Flexbox para lograr columnas de igual altura en los navegadores WebKit. ...

¿Se pueden anidar los flexboxes? He anidado un flexbox horizontal en un flexbox horizontal y un flexbox vertical en un flexbox vertical. ¡Solo el horizontal en horizontal funciona en cromo y ninguno funciona en firefox! ...

Buenos dias, ...

Tengo un flexbox div que permite un ÚNICO elemento secundario. Hasta ahora he podido hacer que las alineaciones del niño funcionen bien (arriba, izquierda, derecha, abajo, etc.), incluido el estiramiento vertical. También quiero poder soportar el estiramiento horizontal al mismo tiempo que el vertical ('al mismo tiempo' parece...

Estoy tratando de crear un diseño de cuadro flexible que llene toda la ventana gráfica y tenga secciones internas que se desplacen si el contenido es demasiado largo. Sin embargo, el contenido interno se extiende por todo el diseño en lugar de sentarse dentro del área más pequeña y desplazarse. ...

Parece que en Firefox, si tengo div A con ancho/alto fijo y tiene un div B secundario con ancho y alto establecidos en 100%, entonces B tendrá un ancho calculado de 0 (y por lo tanto no se mostrará) si A o cualquier otro ancestro de B tiene display: box (o la versión adecuada con el prefijo del proveedor) establecido. ...

Traté de archivar una barra lateral simple | content visualmente con flotantes normales y luego usé la técnica clásica para columnas de igual altura con (margin-bottom: -99999px; padding-bottom: 99999px, etc.) pero no me gustó y tuve algunos problemas aquí y allá con esto, así que decidí usar flex-box, yo...

Tengo una aplicación que usa un diseño de correo electrónico clásico como el que se muestra a continuación. ...

Tengo un div posicionado absoluto con una pantalla: caja ...

Tengo entendido que el módulo CSS Flexible Box Layout se está reescribiendo y que display: box está siendo obsoleto en favor de display: flexbox. ...

Utilizo cajas flexibles en Google Chrome (solo este navegador debe ser compatible) para crear un diseño dinámico. Tengo n elementos secundarios en un elemento div que debería compartir todo el espacio con la misma proporción. Esto funciona sin problemas debido a las nuevas cajas flexibles introducidas. Pero también tuve que ponerme ...

Tengo un problema con un flexbox (acordeón). En el ejemplo alimentado a continuación, tengo grupos de contenidos, cada grupo tiene una celda en una caja flexible horizontal y dentro de cada celda los contenidos pertenecientes a cada grupo. ...

Estoy tratando de lograr un diseño en el que los elementos floten como secciones de artículos de periódicos / revistas. Es algo similar a lo que hace jQuery's Masonry. Pero estaba tratando de lograr eso solo usando CSS3. Pensé que tal vez la propiedad de exhibición de la caja podría hacerlo. Aunque después de intentarlo varias veces, yo ...

Me enfrento a conseguir que una aplicación web bastante compleja funcione en HTML / CSS. Estoy encontrando muchos problemas con el flexbox, que parece que resolvería mis problemas. Estoy tratando de entender qué estoy haciendo mal o cuáles son las limitaciones de flexbox. Solo estoy trabajando en Chrome, así que eso ayuda. ...

A los 2 hijos de mi flexbox se les da cada uno un estilo de box-flex: 1. Tengo entendido que sus anchos deberían ser iguales entre sí (ambos ocupando el 50% del ancho total de su flexbox padre). Pero cuando se agrega contenido a los niños, su ancho cambia (dependiendo de lo que el contenido ...

¿Cómo puedo hacer esto con jQuery: http://jsfiddle.net/tdskate/C4nAG/ ...

Soy un desarrollador de aplicaciones en el sentido de aplicaciones o servicios fuera de línea sin interfaz, por así decirlo, y ha pasado mucho tiempo desde que vi HTML o similares. ...

Eche un vistazo a este jsFiddle en Safari o Chrome, luego en Firefox: http://jsfiddle.net/brandondurham/LRJhm/ ...

...

¡Espero que puedas ayudar! Aquí están los parámetros: ...

Estoy intentando crear una cuadrícula de caja flexible 4x4. Cada una de las cuatro cajas debe tener la misma altura vertical, pero apilar dos por fila de izquierda a derecha. es posible? ...

Aquí hay un violín con mi código: http://jsfiddle.net/kizu/GCahV/ (compárelo en Firefox y cualquier otro navegador moderno) ...

Después de experimentar con la proporción de caja flexible css3, noté rápidamente algunas diferencias en Chrome y Firefox. ...

Estoy tratando de hacer un diseño usando el nuevo modelo css3 flexbox. Quiero una página que ocupe el 100% de la altura, el uso tiene un pie de página y un encabezado fijos y el contenido restante está en una columna en el medio. La columna de contenido debe ocupar el 100% del ancho hasta un ancho máximo fijo. Además, todo ...

Estoy usando el diseño de caja flexible con éxito, pero necesito colocar un elemento absolutamente dentro de una de las cajas. ...

Intenta imaginar una situación ...

Hoy, mientras trabajaba con el modelo de caja flexible en FF4, noté que no puedo centrar un contenedor en el documento usando margin: 0 auto ;. ...

Implementé Flexbox como una solución de autocompletar para una lista de cursos. Simplemente le he pasado una lista completa de los cursos obtenidos de la base de datos, en el formato JSON adecuado. Tenía la impresión de que se ocuparía de reducir la lista de coincidencias a medida que escribo, pero en cambio, simplemente ...