可以找到完整CSS弹性框属性和规则
. container {
display :flex /* or inline-flex */
}
flexbox是用于在给定框中布置内容的模型。
这是在容器中的各个项目之间进行布局,对齐和分配空间的更有效方法。
容器属性
弹性方向
这样便建立了主轴,从而确定了将柔韧性商品放置在柔韧性容器中的方向。
. container {
flex-direction : row | row-reverse | column | column-reverse ;
}
证明内容
柔性包装
默认情况下,所有弹性项目都将尝试放入一行。 您可以对此进行更改,并允许该属性根据需要包装项目。
. container {
flex-wrap : nowrap | wrap | wrap-reverse;
}
对齐项目
对齐内容
100vh; 视口高度
评论0
最新资源