forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.8 KiB
69 lines
1.8 KiB
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { |
|
display: box; |
|
/* OLD - Android 4.4- */ |
|
display: -webkit-box; |
|
/* OLD - iOS 6-, Safari 3.1-6 */ |
|
display: -moz-box; |
|
/* OLD - Firefox 19- (buggy but mostly works) */ |
|
display: -ms-flexbox; |
|
/* TWEENER - IE 10 */ |
|
display: -webkit-flex; |
|
/* NEW - Chrome */ |
|
display: flex; |
|
/* NEW, Spec - Opera 12.1, Firefox 20+ */ |
|
/* 09版 */ |
|
-webkit-box-orient: horizontal; |
|
/* 12版 */ |
|
-webkit-flex-direction: row; |
|
-moz-flex-direction: row; |
|
-ms-flex-direction: row; |
|
-o-flex-direction: row; |
|
flex-direction: row; |
|
/* 09版 */ |
|
-webkit-box-pack: flex-start; |
|
/* 12版 */ |
|
-webkit-justify-content: flex-start; |
|
-moz-justify-content: flex-start; |
|
-ms-justify-content: flex-start; |
|
-ms-flex-pack: start; |
|
-o-justify-content: flex-start; |
|
justify-content: flex-start; |
|
/* 09版 */ |
|
-webkit-box-align: flex-start; |
|
/* 12版 */ |
|
-webkit-align-items: flex-start; |
|
-moz-align-items: flex-start; |
|
-ms-align-items: flex-start; |
|
-ms-flex-align: start; |
|
-o-align-items: flex-start; |
|
align-items: flex-start; |
|
/* 09版 */ |
|
/*-webkit-box-lines: multiple;*/ |
|
/* 12版 */ |
|
-webkit-flex-wrap: nowrap; |
|
-moz-flex-wrap: nowrap; |
|
-ms-flex-wrap: nowrap; |
|
-o-flex-wrap: nowrap; |
|
flex-wrap: nowrap; |
|
min-height: 100%; |
|
} |
|
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { |
|
/* 09版 */ |
|
-webkit-box-align: center; |
|
/* 12版 */ |
|
-webkit-align-items: center; |
|
-moz-align-items: center; |
|
-ms-align-items: center; |
|
-o-align-items: center; |
|
align-items: center; |
|
} |
|
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { |
|
/* 09版 */ |
|
-webkit-box-align: flex-end; |
|
/* 12版 */ |
|
-webkit-align-items: flex-end; |
|
-moz-align-items: flex-end; |
|
-ms-align-items: flex-end; |
|
-o-align-items: flex-end; |
|
align-items: flex-end; |
|
}
|
|
|