Resultados de la búsqueda a petición "flexbox"
¿Cómo hacer flexbox los niños al 100% de la altura de sus padres?
Estoy tratando de llenar el espacio vertical de un elemento flexible dentro de un flexbox.
El elemento flexible colocado de manera absoluta no se elimina del flujo normal en IE11
Tenemos dos divs con contenido y un tercer div que es un fondo con posición absoluta. El contenedor es un flexbox. Todo funciona bien en Chrome y Safari, peroFirefox y IE11 tiene en cuenta el div en posición absoluta y distribuye el espacio ...
align-items, align-self no funciona en IE11
tengo unsimple saqueador aquí. [https://plnkr.co/edit/MJln4elbVC1SMXJ3A3bA?p=preview] .container { display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; min-height: 4em; } .nav { flex: 0 0 4em; height: 1em; } ...
Flexbox con encabezado y pie de página fijos y contenido desplazable
Estoy tratando de hacer que un diseño de flexbox funcione. No soy un experto en HTML / CSS. :( Tengo un diseño flexbox con encabezado y pie de página fijos y contenido que ocupa el resto del espacio disponible de la página. Cuando pongo datos ...
Cada elemento tiene el mismo ancho que el elemento más ancho
Quiero crear este diseño: Cuando un artículo no cabe en el contenedor, podemos pasar a la siguiente línea: Cuando el contenedor es pequeño que el elemento más ancho, podemos envolver el contenido en líneas múltiples Es muy fácil con ...
¿Qué selector de CSS se puede usar para seleccionar un elemento de caja flexible en estado envuelto?
tengo undisplay:flex fila con 3 columnas yflex-wrap está habilitado. Entre las columnas hay asadivs. Cuando las columnas están envueltas, el asadivs debe desaparecer. ¿Cómo puedo usar el estado de ajuste como un selector CSS para definir ...
¿Cómo establecer dinámicamente la altura de vista en función de su ancho manteniendo la relación de aspecto?
Quiero tener una vista cuyo ancho responda al ancho de su contenedor manteniendo su relación de aspecto. No quiero codificar el ancho o la altura, pero mantenerlo dinámico y receptivo para que pueda reutilizarse en múltiples situaciones como un ...
flexbox vertical alinee la parte superior del niño, centre otra
Tengo el siguiente marcado: .row { display: flex; align-items: stretch; margin: -16px; background: #ddd; } .row .col { display: flex; flex-direction: column; justify-content: center; flex: 1; margin: 16px; background: #fff; } .header, ...
los elementos de entrada / botón no se encogen en un contenedor flexible
Cuando se utilizan elementos de entrada y botón dentro de un contenedor flexible, elflex y / oflex-grow Las propiedades no parecen hacer nada. Código que demuestra mi problema. button, input { font-size: 1rem; } button { border: none; ...
¿Por qué un niño flexible se limita al tamaño de los padres?
Considerando el siguiente ejemplo ... body { margin: 0; } * { box-sizing: border-box; } .parent { min-height: 100vh; width: 50vw; margin: 0 auto; border: 1px solid red; display: flex; align-items: center; justify-content: center; } .child { ...