Что такое Flexbox?

 

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

 

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

 

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

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

 

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

 

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

 

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

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

 

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