Community Learn Tools Library Leisure
search
English
Home > List of blog posts > flex容器
Blogger Information
Blog 20
fans 0
comment 0
visits 11023
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
flex容器
喜
Original
295 people have browsed it

1.项目在主轴上的排列与剩余空间分配

这里演示的是 place-content:space-around;

其余的对齐方式有

  1.  place-content:space-between;
  2.  place-content: space-evenly
  3.          place-content:center

2. flex-flow: 主轴, 换行

  1.  flex-flow:row wrap;

  1.  flex-flow:column nowrap;

3. palce-items: 项目在交叉轴上的对齐方式

4. place-self: 控制某个项目在交叉轴上的对齐方式

5. flex: 项目在交叉轴上的对齐方式

6. order: 控制项目在主轴的排列顺序

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post