フロントのコーディングをしている際に、一番面倒なのはie対応ですよね。
ある要素を横並びにするときに、floatだとclearfixつけないといけないし、gridだとie10には(たぶん)対応できないし。。
そんなとき重宝するのがFlexboxですね!(僕の場合、毎度ie10以上対応なので。)
ただ、ie10に対応するとなるとベンダープレフィクスをつけなくちゃいけない。
単にmsってつけるだけなら楽なんですけど、プロパティ名が違ったりいちいち覚えてられないのでメモしておきたいと思います。
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
align-self: center;
-ms-flex-item-align: center;
align-self: flex-end;
-ms-flex-item-align: end;
flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
間違えてる部分があった場合、ご指摘いただけるとありがたいです。
今までこれでie対応は乗り切ってきたので大丈夫だとは思いますが、、、
他にもコレクションが増えたら随時更新していきたいと思います!