.flexCont{
/* Box -----------------------------------------*/
/* ch4, sf3.1, ios3.2, and2.1, op12.1 */
display:-webkit-box;
-webkit-box-orient:horizontal; /* [horizontal | vertical | inline-axis* | block-axis | inherit] */
-webkit-box-direction:normal; /* [normal* | reverse | inherit] */
-webkit-box-lines:multiple; /* [single* | multiple] */
-webkit-box-pack:center; /* [start* | end | center | justify] */
-webkit-box-align:stretch; /* [start | end | center | baseline | stretch*] */
/* fx2 */
display:-moz-box;
-moz-box-orient:horizontal;
-moz-box-direction:normal;
-moz-box-lines:multiple;
-moz-box-pack:center;
-moz-box-align:stretch;
/* flexbox -------------------------------------*/
/* ie10 */
display:-ms-flexbox;
-ms-flex-direction:row; /* [row* | row-reverse | column | column-reverse] */
-ms-flex-wrap:wrap; /* [nowrap* | wrap | wrap-reverse] */
-ms-flex-pack:center; /* [flex-start* | flex-end | center | space-between | space-around] */
-ms-flex-align:stretch; /* [start | end | center | baseline | stretch*] */
/* flex ----------------------------------------*/
/* ch21, sf6.1+, ios7+, op15 */
display:-webkit-flex;
-webkit-flex-direction:row; /* [row* | row-reverse | column | column-reverse ] */
-webkit-flex-wrap:wrap; /* [nowrap* | wrap | wrap-reverse] */
-webkit-justify-content:center; /* [flex-start* | flex-end | center | space-between | space-around] */
-webkit-align-items:stretch; /* [flex-start | flex-end | center | baseline | stretch*] */
/* ch28+, fx22+, op17+, ie11+ */
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
}
.flexitem{
/* Box -----------------------------------------*/
/* ch4, sf3.1, ios3.2, and2.1+, fx2 op12.1 */
box-flex:1; /* 0.0 */
width:auto;
/* 埋まらない時に可変する順番
max-width:200px;
box-flex-group:2; /* 1 */
*/
/* flexbox, flex -------------------------------*/
/* ch21+, sf6.1+, fx22+, ios7+, op15+, ie11+ */
flex-basis:auto; /* (=width) */
flex-grow:1; /* 0 */
flex-shrink:1; /* 0 */
}
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme
List of users who liked
11