Preguntas con la etiqueta [flexbox]
Bootstrap alinea los elementos de la barra de navegación a la derecha
¿Cómo alineo un elemento de la barra de navegación a la derecha? Quiero iniciar sesión y registrarme a la derecha. Pero todo lo que intento no parece funcionar. Esto es
No puedo desplazarme a la parte superior del elemento flexible cuyo contenedor está desbordado
Al intentar crear un modal útil usando flexbox, encontré lo que parece ser un problema del navegador y me pregunto si existe una solución conocida o alternativa, o ideas sobre
¿Por qué un artículo flexible está limitado al tamaño de los padres?
Considerando el siguiente ejemplo... Mostrar fragmento de código body { margin: 0; } * { box-sizing: border-box; } .parent { min-height: 100vh; width: 50vw; margin: 0 auto; border: 1px solid
Mantenga el elemento central centrado cuando los elementos laterales tengan diferentes anchos.
Imagine el siguiente diseño, donde los puntos representan el espacio entre los cuadros: [Left box]......[Center box]......[Right box] Cuando elimino el cuadro derecho, me gusta que el cuadro central siga en
Un elemento flexible/cuadriculado establece el límite de tamaño para hermanos
Tengo dos elementos hermanos, cada uno de los cuales contiene contenido dinámico. <div class="flex"> <div class="sibling-1"></div> <div class="sibling-2"></div> </div> En algunos casos sibling-1tendrá más contenido entonces sibling-2y viceversa. Me gustaría
Diseño de mampostería solo CSS
Necesito implementar un diseño de mampostería. Sin embargo, por varias razones no quiero usar JavaScript para hacerlo. Parámetros: Todos los elementos tienen el mismo ancho. Los elementos tienen una altura
Chrome/Safari no llena el 100% de la altura del padre flexible
Quiero tener un menú vertical con una altura específica. Cada hijo debe llenar la altura del padre y tener el texto alineado en el medio. El número de hijos es
¿Cuál es la diferencia entre alinear contenido y alinear elementos?
¿ Cuál es la diferencia entre align-itemsy align-content?
El código Flexbox funciona en todos los navegadores excepto Safari. ¿Por qué?
Columnas de cuadrícula con etiquetas de lista, necesito mostrarlas en el orden correcto cada 3 columnas, con el ancho automático habilitado para cada elemento de lista HTML adicional. Este es
El texto en un contenedor flexible no se ajusta en IE11
Considere el siguiente fragmento: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child">
¿Cómo puedo hacer que los niños de Flexbox tengan el 100% de la altura de sus padres?
Estoy intentando llenar el espacio vertical de un elemento flexible dentro de un Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color:
¿Por qué los elementos flexibles no se reducen más allá del tamaño del contenido?
Tengo 4 columnas de Flexbox y todo funciona bien, pero cuando agrego algo de texto a una columna y lo configuro en un tamaño de fuente grande, la columna se
