Flex 弹性布局

css 文本工具，可以在文本标签中方便快速的设置文字样式。

基本使用

基本使用c-f-{布局}

js

<c-box c-class="c-f-row"></c-box>

方向

c-f-row 横向
c-f-col 竖向

提示

cook ui 默认布局方向为竖向。

对齐

基本使用c-f-{方向}-{对齐}

横向对齐

c-f-row-left 左对齐
c-f-row-center 居中对齐
c-f-row-right 右对齐
c-f-row-between 两边对齐
c-f-row-around 两边间隔对齐

竖向对齐

c-f-col-top 顶部对齐
c-f-col-center 居中对齐
c-f-col-bottom 底部对齐
c-f-col-stretch 填满

换行

c-f-wrap 换行
c-f-nowrap 不换行

填充

c-f-fill 填充整个容器，等于c-f-1
c-f-{1~12} 填充容器的大小

便捷缩写

c-f-center 横向和垂直居中
c-f-left-center 横向居左分布，竖向垂直居中
c-f-right-center横向居右分布，竖向垂直居中
c-f-between-top横向两边分布，竖向垂直居顶
c-f-between-center横向两边分布，竖向垂直居中
c-f-around-top横向两边间隔分布，竖向垂直居顶
c-f-around-center横向两边间隔分布，竖向垂直居中