Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 80

Un contenedor flex utiliza ejes para describir la orientación de su contenido. La especificación declara dos ejes que son independientes de la orientación: el eje principal y el eje transversal. En eje principal es distribuido el contenido y por lo general equivale a la orientación horizontal, mientras el eje transversal es perpendicular al eje principal y por lo general equivalente a la orientación. Si la orientación es modificada, los ejes se desplazan junto con el contenido:

Las propiedades de este modelo organizan los elementos desde los extremos de cada eje: inicio del eje principal (main-start), final del eje principal (main-end), inicio del eje transversal (cross-start) y final del eje transversal (cross-end). En general es igual a usar referencias como “de izquierda a derecha” y “de arriba hacia abajo” para describir las direcciones horizontal y vertical, con la diferencia de que la relación se invierte al modificar la orientación. Al mencionar uno de los extremos, por ejemplo main-start, en la descripción de una propiedad, hay que recordar que podría referirse al extremo izquierdo o superior de acuerdo con la orientación actual del contenedor (por ejemplo, en el diagrama de la izquierda, en la Figura 2-4, main-start identifica la parte izquierda del contenedor).

Figura 2-4

Ejes de contenedores flexibles.