Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Diseño de Diseño CSS Flexbox Propiedades de Flexbox Alineando Elementos Flexibles en el Eje Transversal

Eje transversal

Entonces, cuando le damos Flex-direction : column; a nuestro contenedor y observé que si elimino flex-basis su altura se ve afectada, no el ancho, ¿es porque cuando lo cambiamos a Column su altura se convierte en ancho y viceversa? Y si vuelvo a poner flex-basis : 200px su altura se fija a 200px, no su ancho. ¿Por qué es eso?

1 Respuesta

Eso es (mayormente) correcto. flex-basis depende de flex-direction. No es tanto que el ancho y la altura se intercambien, sino que flex-basis se refiere a la longitud inicial del elemento, y cuando flex-direction: column, entonces la longitud es vertical, y cuando flex-direction:row (el predeterminado), la longitud es horizontal. Hay una buena explicación en esta pregunta de stackoverflow