5 причин начать использовать Flexbox
![5 причин начать использовать Flexbox](/uploads/posts/2016-02/1456731786_be34ff17124ca4b0a20455ee10af2a51.png)
Flexbox – это модуль гибких блоков, который предлагает более эффективные способы верстки веб-страниц. Он призван решить большинство существующих проблем, связанных с выравниванием объектов на странице. Но если вы все еще сомневаетесь в целесообразности его применения, вот 5 причин почему вы должны использовать Flexbox:
- Поддерживается всеми основными браузерами. Flexbox на 95% поддерживается большинством браузеров, не считая старые версии IE начиная с 9. Но на самом деле, многие популярные способы верстки, такие как 2D трансформация или фиксированные позиции, поддерживаются браузерами даже меньше (93%).
- Не нужно беспокоиться о синтаксисе. Дело в том, что за многие годы развития браузеров, появилось по крайней мере 4 версии каждого правила написания префиксов от разных поставщиков. Но благодаря Autoprefixer, мы можем просто указать, префиксы какой версии браузеров мы хотим поддерживать, после чего они будут добавлены автоматически.
- Легко начать. Flexbox имеет множество свойств, у каждого из которых есть, в среднем, 4 возможных значения. Но вам не обязательно использовать их все. У Flexbox есть несколько основных свойств, используя которые можно осуществлять полноценную верстку.
- Можно, наконец, центрировать элементы. Помимо хорошей поддержки браузерами, еще один повод использовать Flexbox – это легкость, с которой можно центрировать элементы, как по горизонтали, так и по вертикали. Всего 3 декларации, позволяют идеально центрировать любой элемент.
- Легко манипулировать встроенными элементами. Одной из проблем наличия встроенных элементов, расположенных рядом друг с другом, является пресловутый дополнительный запас в 4 px. С Flexbox, можно иметь дело со строчными элементами без особых усилий.
Это далеко не все преимущества Flexbox. Оценить остальные вы можете просто, попробовав использовать его в верстке своих сайтов.
Комментариев 0