Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Flexbox/ Интеграция alignment и auto margins

КатегорияСистемы раскладкиНавыкFlexboxКомпонент навыка

Интеграция alignment и auto margins

БазовыйПродвинутый

  1. Базовый уровень

    • Auto margins на стадиях sizing

      Учитывает auto margins как нулевые на стадиях Flex sizing.

    • Auto margins по main axis

      Перед main-axis alignment передаёт положительное свободное пространство auto margins.

    • Несколько auto margins

      Равномерно распределяет свободное пространство между несколькими auto margins.

    • Flex-specific alignment mapping

      Определяет Flex-specific axes, subjects и containers для механизмов alignment.

  2. Продвинутый уровень

    • Auto margins по cross axis

      Разрешает auto margins flex item по cross axis относительно cross size строки.

    • Auto margins при overflow

      Определяет поведение Flex auto margins при отсутствии достаточного свободного пространства.

    • Main-axis alignment stage

      Применяет main-axis alignment после flexible sizing и разрешения auto margins.

    • Cross-axis item alignment

      Применяет cross-axis item alignment после определения cross sizes.

    • Alignment flex lines

      Применяет line alignment только к multi-line container с доступным cross-axis пространством.

    • Baseline alignment integration

      Передаёт Flex-specific baseline subjects и геометрические входы общей baseline-модели.