flex-box弹性布局
2017-08-25 10:56
267 查看
不定宽高盒子居中实现:
div{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
}
flex弹性布局实现:
div{
justify-content: center;
align-items: center;
display: -webkit-flex;
}
div{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
}
flex弹性布局实现:
div{
justify-content: center;
align-items: center;
display: -webkit-flex;
}
相关文章推荐
- Flexbox盒子弹性布局
- CSS3支持box-flex弹性布局
- CSS3--弹性布局flexbox
- FlexboxLayout——Android弹性布局
- CSS3弹性伸缩布局——box布局与flex布局
- FlexboxLayout-----Android弹性布局
- 安卓开发进阶之弹性布局FlexboxLayout--Part2(翻译)
- flexbox弹性盒子布局
- 弹性布局FlexBox
- flex-box弹性布局的用法以及兼容性
- 弹性布局 display:box(相对等分) 和 display:flex(绝对等分)
- css3中 弹性盒模型布局之box-flex
- 安卓开发进阶之弹性布局FlexboxLayout--Part1(翻译)
- css3盒子布局-定义盒子的弹性空间(box-flex)
- Android之FlexboxLayout弹性布局的介绍
- React Native 弹性布局FlexBox
- 弹性盒子布局flex, box-sizing: border-box
- 【RN - 基础】之FlexBox弹性布局
- 安卓开发进阶之弹性布局FlexboxLayout--Part3(翻译)
- FlexboxLayout——Android弹性布局