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

Дерево навыков/Многоколоночный поток/ Количество и ширина columns

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

Количество и ширина columns

БазовыйЭкспертный

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

    • Предпочтительная ширина columns

      Интерпретирует `column-width` как предпочтительную inline size columns, а не гарантированный фактический размер.

    • Ограничение количества columns

      Интерпретирует `column-count` как ограничение количества columns.

    • Shorthand columns

      Раскладывает `columns` на count и width, различая integer и length в одно- и двухкомпонентных формах.

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

    • Available inline size как внешний вход

      Использует готовую used inline size container как внешний вход Multicol pseudo-algorithm, не присваивая ему общий sizing.

    • Used gap в column geometry

      Учитывает used column gaps в доступном пространстве и не учитывает ширину column rule в sizing columns.

    • Заданный count и auto width

      Определяет used count при заданном `column-count` и `column-width: auto`.

    • Auto count и заданная width

      Определяет максимальный помещающийся used count при заданной width и `column-count: auto`.

  3. Экспертный уровень

    • Совместное ограничение count и width

      Ограничивает вычисленное по доступному пространству количество заданным `column-count`, когда заданы оба входа.

    • Used column width

      Вычисляет used column width из used count, container inline size и совокупной ширины gaps.

    • Floor размера column

      Применяет UA-defined floor к размеру column при вычислении auto count, исключая деление на ноль.