5 причин начать использовать Flexbox

Flexbox – это модуль гибких блоков, который предлагает более эффективные способы верстки веб-страниц. Он призван решить большинство существующих проблем, связанных с выравниванием объектов на странице. Но если вы все еще сомневаетесь в целесообразности его применения, вот 5 причин почему вы должны использовать Flexbox:

1. Поддерживается всеми основными браузерами. Flexbox на 95% поддерживается большинством браузеров, не считая старые версии IE начиная с 9. Но на самом деле, многие популярные способы верстки, такие как 2D трансформация или фиксированные позиции, поддерживаются браузерами даже меньше (93%).
2. Не нужно беспокоиться о синтаксисе. Дело в том, что за многие годы развития браузеров, появилось по крайней мере 4 версии каждого правила написания префиксов от разных поставщиков. Но благодаря Autoprefixer, мы можем просто указать, префиксы какой версии браузеров мы хотим поддерживать, после чего они будут добавлены автоматически.
3. Легко начать. Flexbox имеет множество свойств, у каждого из которых есть, в среднем, 4 возможных значения. Но вам не обязательно использовать их все. У Flexbox есть несколько основных свойств, используя которые можно осуществлять полноценную верстку.
4. Можно, наконец, центрировать элементы. Помимо хорошей поддержки браузерами, еще один повод использовать Flexbox – это легкость, с которой можно центрировать элементы, как по горизонтали, так и по вертикали. Всего 3 декларации, позволяют идеально центрировать любой элемент.
5. Легко манипулировать встроенными элементами. Одной из проблем наличия встроенных элементов, расположенных рядом друг с другом, является пресловутый дополнительный запас в 4 px. С Flexbox, можно иметь дело со строчными элементами без особых усилий.

Это далеко не все преимущества Flexbox. Оценить остальные вы можете просто, попробовав использовать его в верстке своих сайтов.