flex样式预览工具

使用方法

  • 创建n个子项目
  • 在父容器、子项目内选择样式
  • 预览区查看最终效果
  • 复制代码区代码到实际项目中
  • 对flex有任何疑问请点下方传送门

父容器内创建子项目

-

创建n个子容器，宽高在 50-150 的范围内随机生成

 创 建 清 空

阮一峰教程

父容器

子项目

预览区

{{ index+1 }}

代码区

/* 父容器类 */
{{ createParentCss('.parent') }}
/* 子项目类 */
{{ createChildCss('.child') }}
/* 子项目数据 */
{{ childbox }}