Resultados de la búsqueda a petición "flexbox"
Establezca el mismo ancho de un div "Posición: fijo" como div primario (elemento flexbox)
¿Cómo puede Ｉ hacer el mismo ancho de NavWrapper como padre? Quiero estos enlaces en una posición fija, incluso la sección principal se desborda. Sé cómo hacer esto sin Flex. ¿Hay alguna forma pura de CSS para hacer eso? body { padding:0; ...
Flexbox: cálculo de ancho incorrecto cuando flex-direction: columna, flex-wrap: wrap
Me encontré con un problema al usar flexbox. Estoy usando un contenedor conflex-direction: column; flex-wrap: wrap, por lo que mis elementos internos se pueden colocar en varias columnas. El problema es que el navegador aún calcula el ancho del ...
Haga que los elementos flexibles tomen el ancho del contenido, no el ancho del contenedor principal
Tengo un contenedor<div> condisplay: flex. Tiene un hijo<a>. ¿Cómo puedo hacer que el niño parezca "en línea"? Específicamente, ¿cómo puedo determinar el ancho del niño según su contenido y no expandirlo al ancho del padre? Lo que probé: Puse ...
Internet Explorer no expande un flexbox con flex-direction: column
Estoy tratando de crear un contenedor con un encabezado estático y un cuerpo que se expanda según su contenido hasta una altura máxima. Después de alcanzar la altura máxima, el cuerpo debe desplazarse. He escrito código que funciona muy bien en ...
¿El diseño de anidación profunda de flexbox causa problemas de rendimiento?
He estado trabajando en un proyecto ReactJS donde creo la mayoría de los componentes usando el diseño de flexbox. Dado que con react, podemos tener componentes profundamente anidados, por lo que mi diseño tiene un diseño de caja flexible ...
La altura del contenedor flexible no funciona correctamente en Safari
Así que tengo una caja flexible con columnas y altura máxima para hacer que las columnas se apilen una al lado de la otra en 3 columnas. Esto funciona bien en Chrome, pero en Safari parece que solo usa la última columna (más a la derecha) para ...
Centrar y alinear a la derecha los elementos flexbox
me gustaría tenerA B yC alineado en el medio. Como puedo conseguirD ir completamente a la derecha? ANTES DE: [/imgs/3t7DO.png] DESPUÉS: [/imgs/QFs1B.png] ¿Cuál es la mejor práctica para hacer esto? ul { padding: 0; margin: 0; display: ...
Combinando filas y columnas en flexbox
Tengo tres elementos en unarticle: la foto, las categorías y luego la información de la publicación. Estoy tratando de descubrir cómo hacer que el elemento de categorías se apile en la parte superior de la columna de información de la ...
Alinee el elemento div con la parte inferior del contenedor [duplicado]
Esta pregunta ya tiene una respuesta aquí: Alinear un elemento al fondo con flexbox [/questions/31000885/align-an-element-to-bottom-with-flexbox] 5 respuestasEstoy tratando de alinear desde abajo uno de los tres divs dentro de un ...
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; } ...