博客列表 >flex容器与项目常用属性

flex容器与项目常用属性

Stonegarlic
Stonegarlic原创
2022年10月31日 16:10:52420浏览

1026作业

1.flex容器

1.1必须是容器项目里面的子元素
2.2flex支持嵌套
(一) 容器属性

  1. display: 容器类型(块或行内)
  2. flex-flow: 主轴方向与是否换行
  3. place-content: 项目在”主轴”上的排列方式
  4. place-items: 项目在”交叉轴”上的排列方式
    1_1.flex-flow: row nowrap(主轴方向与是否换行);
    1_2.place-content: start(主轴排列与单行排列);
    1_3.place-items: stretch(多行排列);
    (二) 项目属性
  5. flex: 项目在”主轴”上的缩放比例与宽度
  6. place-self 某项目在”交叉轴”上的排列方式
  7. order: 项目在”主轴”上的排列顺序
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议