dev_auth
parent
a16db93ec5
commit
d9a3511ecc
@ -0,0 +1,74 @@
|
|||||||
|
/*垂直布局
|
||||||
|
|
||||||
|
一
|
||||||
|
二
|
||||||
|
三
|
||||||
|
*/
|
||||||
|
.flexdirectionjust{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.directstwebkitflex{
|
||||||
|
display: flex;
|
||||||
|
display: -webkit-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diredisplayitflex{
|
||||||
|
display: flex;
|
||||||
|
display: -webkit-flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
/*垂直布局*/
|
||||||
|
/*靠左侧
|
||||||
|
一 二 三 四 五 六 七 八
|
||||||
|
*/
|
||||||
|
.flexdirection{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flexdirections{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:initial;
|
||||||
|
}
|
||||||
|
/*靠左侧
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*靠右侧八 七 六 五 四 三 二 一*/
|
||||||
|
.flexdirectionss{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*垂直布局
|
||||||
|
一
|
||||||
|
二
|
||||||
|
三
|
||||||
|
四
|
||||||
|
*/
|
||||||
|
.flexdidirectionss{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*垂直布局
|
||||||
|
四
|
||||||
|
三
|
||||||
|
二
|
||||||
|
一
|
||||||
|
*/
|
||||||
|
.flexdidireverses{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:column-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in new issue