Карта сайта Интеллектуальная поисковая системаДобавить свою ссылку по ключевому запросуПоисковая система v3.kz поможет ускорить индексацию вашего сайта выводит в Топ |
|
Спецификация на английском есть тут: w3.org/TR/css3-flexbox. Flexbox определяет набор CSS свойств для контейнера (flex-контейнер) и его дочерних элементов (flex-блоков). Первое, что нужно сделать – это указать контейнеру display:flex или display:inline-flex. Flexbox is what CSS has been sorely lacking since its inception – an easy way to create flexible web page layouts without the need for floats, clears, margin: 0 auto and JS hacks. Перевод статьи A Visual Guide to CSS3 Flexbox Properties с сайта scotch.io, c разрешения автора— Димитара Стоянова. CSS flexbox (Flexible Box Layout Module) — это система компоновки элементов. Старый Flexbox (display: box;) на 2,3ms медленнее чем новый Flexbox (display: flex CSS3 Flexbox Concepts. Flexbox consists of flex containers and flex items. A flex container is declared by setting the display property of an element to either flex (rendered as a block) or inline-flex (rendered as inline). As far as I can tell, wrapping via box-lines: multiple is not implemented in any browser. Display: flexbox. Chrome 17-?? (prefixed). Internet Explorer 10 (prefixed). Display: flex - the current standard. Chrome 21 (prefixed), 29 (unprefixed). CSS-столбцы columns не работают с flex-контейнером. float, clear и vertical-align не работают с flex-элементами. Child elements in a flexbox can be laid out in any direction and can have flexible dimensions to adapt to the display space. Информация взята v3.kz |
загрузка...
|