2015-12-10

Flexbox 的一些兼容方案

还在使用着 display: box,其实已经过时了

1
2
3
4
5
6
7
8
9
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  flex-direction: row;
}

子元素这样写:

1
2
3
4
{
  -webkit-box-flex: 1;
  flex: 1;
}

Comments