CSS3 & Flex Layout All In One

CSS3 & Flex Layout All In One

demos

http://www.javashuo.com/article/p-wqjtwhvo-bk.html

.flex-container {
    display: flex;
    /* flex-direction: row;
    flex-wrap: wrap; */
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.flex-item {
   order: 0;
   /* flex-grow: 0;
   flex-shrink: 1;
   flex-basis: auto; */
   flex: none;
   flex: 0 1 auto;
   /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */
   align-self: auto;
}

---

https://developer.mozilla.org/en-US/docs/Web/CSS/flex

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/almanac/properties/f/flex/

https://www.w3schools.com/css/css3_flexbox.asp

https://flexbox.help/

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

---

CSS3 & Flex playground

https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/

https://codepen.io/enxaneta/full/adLPwv/

https://flexbox.help/

---

CSS3 彈性盒子(Flex Box)

https://www.cnblogs.com/xgqfrms/p/5450245.html

CSS Flexible Box Layout Module

https://www.cnblogs.com/xgqfrms/p/5647684.html

React Native Flexbox & CSS3 Flexbox

http://www.javashuo.com/article/p-wqjtwhvo-bk.html

CSS3 features

https://www.cnblogs.com/xgqfrms/p/7727958.html

CSS Box Model

https://css-tricks.com/the-css-box-model/

https://caniuse.com/#search=flex