CSS3 "Grammar Essentials"

Display:-webkit-box; /* old version syntax: Safari, IOS, Android Browser, older WebKit browsers.     */display:-moz-box;     /* old version syntax: Firefox (Buggy) */display:-ms-flexbox;     /* Mixed version syntax: IE ten */display:-webkit-flex;     /* New version syntax: Chrome 21+ */Display:flex;    /* New version syntax: Opera 12.1, Firefox 22+ */order: <integer>; /* Sort: The smaller the number, the lower the row, the default is 0*/Flex-grow: <number>; /* Default 0 */* Zoom in: 0 (that is, if there is no space to enlarge, the value is 1 to enlarge, 2 is the double size of 1, and so on) */Flex-shrink: <number>; /* Default 1////////////Zoom Out: defaults to 1 (shrinks if space is low, value 0 does not shrink) */flex-basis: <length> | Auto /* Default Auto////* Fixed size: 0, set PX value, or set percent size */Flex:none |  [< ' Flex-grow ' > < ' Flex-shrink ';? | | < ' flex-basis ' >]/*flex-grow, Flex-shrink and flex-basis, the default value is 0 1 auto,*/Align-self:auto | Flex-start | Flex-end | Center | Baseline |    Stretch /* Individual alignment: Auto (default) | Top Alignment | Bottom Alignment | Center Alignment | Align and fill up and down |    Text Baseline Alignment */Box-flex: <value>; /* Flex:< A floating-point number that defaults to 0.0, which meansNon-retractable, value greater than 0 scalable, flexible relative >*/Box-align:start | End | Center | Baseline |    Stretch /* Cross axis alignment: Top aligned (default) | Bottom Alignment | Center Alignment | Text Baseline Alignment | Up and down align and fill */Align-items:flex-start | Flex-end | Center | Baseline |    Stretch /* Cross axis alignment: Top aligned (default) | Bottom Alignment | Center Alignment | Align and fill up and down | Text Baseline alignment */Box-pack:start | End | Center |    Justify /* Spindle alignment: Left-justified (default) | Right Alignment | Center Alignment | Align Left/right */Justify-content:flex-start | Flex-end | Center | Space-between |    Space-around; /* Spindle alignment: Left-aligned (default) | Right Alignment | Center Alignment | Justify on both sides | Average Distribution */Sub-element cross axis alignment (vertical center alignment) Box-align:start | End | Center | Baseline |    Stretch /* Cross axis alignment: Top aligned (default) | Bottom Alignment | Center Alignment | Text Baseline Alignment | Up and down align and fill */Align-items:flex-start | Flex-end | Center | Baseline |    Stretch /* Cross axis alignment: Top aligned (default) | Bottom Alignment | Center Alignment | Align and fill up and down | Text Baseline Alignment */

CSS3 "Grammar Essentials"