Различия

Показаны различия между двумя версиями страницы.

--- programming:css:flex-box [2017/03/28 14:56] – создано artur
+++ programming:css:flex-box [2017/04/04 10:41] (текущий) – artur
@@ Строка 1: / Строка 1: @@
-====== dislay flex ======
+====== flex-box ======
+===== Ссылки на Online сервисы по flexbox =====
+  * [[http://css3generator.com/|Визуальный генератор flexbox css и не только!]]
+  * [[http://the-echoplex.net/flexyboxes/|Визуальный генератор flexbox css]]
+  * [[https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/|Песочница для тестирования flexbox]]
+===== Контейнер =====
 <code:scss>
@@ Строка 14: / Строка 22: @@
 flex-direction: row | row-reverse | column | column-reverse;
 </code>
+===== Потомок =====
+<code:scss>
+// Ширина )) да, та самая, работает как и прежде (в какой пропорции будет делиться весь контейнер)
+width: <number>%;
+// Или коэффициент (в какой пропорции будет делиться оставшиеся незанятое ни кем пустое место)
+flex-grow: <number>
+</code>
+===== Ссылки =====
+  * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
+  * http://c9.io