Что такое Flexbox?

Flexbox является удачным способом верстки для создания лейлутов в каскадной таблице стилей. Каждому, кто занимается версткой наверняка известно как выполнить выравнивание по вертикали ил сделать резиновый макет с несколькими колонками.

Однако данные способы верстки не везде работают одинаково и достаточно сложные для понимания. Все это случилось потому, что html-разметка и каскадные стили развивались по-разному. Поначалу страницы представляли собой обычные текстовые документы, затем с помощью таблиц можно было выполнить разбиение страниц на колонки и блоки, позже начали использовать метод верстки “флоатами” и “инлайн блоками”.

Использование же спецификации html5.by/blog/flexbox/">display flex дает возможность улучшить положение в ситуации с версткой, и призвана решить ряд конструктивных задач.

Благодаря flexbox можно проследить за порядком, выравниванием и размером элементов по нескольким направляющим, а также распорядиться свободным пространством на странице.

Используя display flex, очень легко делать блоки “резиновыми”, элементы растягиваются и сжимаются по установленным критериям, выравниваются и по горизонтали и по вертикали и по основной линии, и занимают необходимое место.

Для flexbox не имеет особого значения, как располагаются элементы в html-разметке, поскольку он легко меняется в каскадных стилях, что особенно приемлемо для верстки responsive. Кроме того flexbox соблюдает реверсный порядок расположения элементов, то есть для него нет разницы каким образом происходит набор символов – справа налево или наоборот.

Данную спецификацию поддерживают все десктопные и мобильные браузеры, в том числе и Интернет эксплорер 11.

Синтаксис flexbox очень понятный и простой, разобравшись с данной спецификацией и ее основами, можно легко добиться предполагаемых результатов и достичь поставленных целей. Однако не стоит употреблять flexbox в тех случаях, где в этом нет особой надобности.

Необходимо отметить, что использование flexbox не является панацеей, поскольку существуют и другие виды верстки, однако работать с ним необходимо уже сегодня, поскольку с его помощью возможно решение многих сложных задач.