Blogger Information
Blog 13
fans 0
comment 0
visits 10314
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
1223作业-flex属性
Original
757 people have browsed it

排列方向

flex-direction: row:水平方向

flex-direction: column垂直方向

自动换行

flex-wrap: wrap:自动换行

flex-wrap: nowrap:不自动换行

简写

flex-flow: row wrap : flex-flow:方向,是否换行

对齐方式

justify-content: flex-start:左对齐

justify-content: center:居中对齐

justify-content: flex-end:右对齐

justify-content: space-between:两端对齐

justify-content: space-around:分散对齐

justify-content: space-evenly:平均对齐

交叉轴排列(单行)

align-items: flex-start:顶部对齐

align-items: flex-end:底部对齐

align-items: center:居中对齐

交叉轴排列(多行)

align-content: space-between:两端对齐

align-content: space-around:分散对齐

align-content: space-evenly:平均对齐

默写flex属性

1220布局作业存在的问题以及体会

一开始上手这个作业真的挺崩溃的,太难了,对语法布局什么的都不熟练,都是一点点磨,一点点调,很多地方因为能力问题不能很好的按照想法来做,但还是死磕出了大体布局,还是觉得挺有成就感的,虽然不是很好看,但还是付出了很多时间和精力,希望能继续进步,再次上手不会感到如此大的压力

Correcting teacher:天蓬老师天蓬老师

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