flex-direction
水平垂直居中
web的flex弹性盒模型
不定宽高的水平垂直居中:1.css3方式;2.flex方式
flex等比布局
水平垂直居中,笔试题考过
Flexbox:css代码。
display:-webkit-flex;
flex:1;
mark1
四种不同布局
【flexbox版】不定宽高的水平垂直居中
Flex混合划分
等比划分。
Flebox弹性盒子布局
flex居中方案
这个混合划分--适用场景比较多:
1- 图片的宽高一般是固定的 缩放什么的 会模糊
子元素flex=num;
原来可以决定子元素之间占据空间的比例:
子元素:flex=1
以前没设置过这个
FlexBox弹性盒子布局
flexbox 弹性盒子布局
Web的Flex弹性盒模型
不定宽高的水平垂直居中
Flex混合划分
Flex等比划分
Flexbox弹性盒子布局的使用
css不定宽高的水平垂直居中的两种解决方案
web flex弹性盒模型
一、绝对定位top和left50%加translate(-50%,-50%) ;二、flex方法,justify-content: center;//子元素水平居中,align-items: center;//子元素垂直居中;display: flex;