LoginSignup
0
0

More than 5 years have passed since last update.

flexbox ie対応 ベンダープレフィクス集

Posted at

フロントのコーディングをしている際に、一番面倒なのは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対応は乗り切ってきたので大丈夫だとは思いますが、、、
他にもコレクションが増えたら随時更新していきたいと思います!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0