ec-flex

A flex tools from EngineChina.

Usage no npm install needed!

<script type="module">
  import ecFlex from 'https://cdn.skypack.dev/ec-flex';
</script>

README

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

  • 大写类名版本