2.0.1 • Published 6 years ago
oner-flexbox v2.0.1
oner-flexbox
oner-flexbox 是一个flex布局的小样式库
设计理念概念
遵循首尾字母缩写原则
API
FBH
指定水平方向为容器的主轴
FBV
指定垂直方向为容器的主轴
FBAS
align-items: flex-start
FBAC
align-items: center
FBAE
align-items: flex-end
FBAST
align-items: stretch
FBAB
align-items: baseline
FBJS
justify-content: flex-start
伸缩项目向一行的起始位置靠齐
FBJC
justify-content: center
伸缩项目向一行的中间位置靠齐
FBJE
justify-content: flex-end
伸缩项目向一行的结束位置靠齐
FBJB
justify-content: space-between
伸缩项目会平均地分布在行里
FBJA
justify-content: space-around
FBAB
align-content: space-between
FBAA
align-content: space-around
align-content的其他相关值
在align-items
的基础上加 -M (Multiline)
eg:
FBAS-M
align-content: flex-start
align-self的相关值
在align-items
的基础上加 -S (Self)
FBAS-S
align-self: flex-start
FB1
flex: 1
FB2
flex: 2
………… ………… …………
FB10
flex: 10