display:box的兼容写法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
.box{
/* display */
display
: -webkit-box;
display
: -moz-box;
display
: -ms-flexbox;
display
: -o-box;
display
: box;
/* box-orient */
/**
* vertical column
* horizontal row
*/
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-
direction
: column;
-o-box-orient: vertical;
box-orient: vertical;
/* box-flex */
-webkit-box-flex:
1
;
-moz-box-flex:
1
;
-ms-flex:
1
;
-o-box-flex:
1
;
box-flex:
1
;
/* box-pack */
-webkit-box-pack:
justify
;
-moz-box-pack:
justify
;
-ms-flex-pack:
justify
;
-o-box-pack:
justify
;
box-pack:
justify
;
/* box-align */
-webkit-box-align:
justify
;
-moz-box-align:
justify
;
-ms-flex-align:
justify
;
-o-box-align:
justify
;
box-align:
justify
;
}
|