1.1.0 • Published 4 years ago
ec-flex v1.1.0
EC-FlEX
EC-FLEX是由EngineChina开发兴趣小组Star的flexbox工具css库
Installing
use npm
npm i ec-flex --save
use yarn
yarn add ec-flex
Using
Import
建议使用css库导入本模块具体位置
@import('../../node_modules/ec-flex/index.css')
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
伸缩项目向一行的中间位置靠齐
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
更新日志
2020年7月8日 v1.1.0
- 原始的大写类名转换为小写
2020年5月 v1.0.1
- 大写类名版本