display:flex;
align-items://水平对齐方式
justify-content://垂直对齐方式
flex://盒子所占大小(如果你盒子里面只有两个div，那么你设置其中之一个flex，那么另外一个会自动填充)
CSS3 flex的使用方法
2016-08-01
606
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
display:flex;
align-items://水平对齐方式
justify-content://垂直对齐方式
flex://盒子所占大小(如果你盒子里面只有两个div，那么你设置其中之一个flex，那么另外一个会自动填充)
目录
相关文章
|
8月前
|
前端开发
|
1月前
|
前端开发
开发者
容器
|
1天前
|
移动开发
JavaScript
前端开发
rem的适配方案，css文件和js文件的引入方式，特色小边框的制作，DS-Digital.ttf数字展示屏的使用方法：，自适应图片 background-size，jQuery爆bug,a和盒子居中,
rem的适配方案，css文件和js文件的引入方式，特色小边框的制作，DS-Digital.ttf数字展示屏的使用方法：，自适应图片 background-size，jQuery爆bug,a和盒子居中,
4
0
0
|
22天前
|
前端开发
Web网页制作-知识点（4）——CSS盒子模型、弹性盒模型（flex box)、文档流、浮动、清除浮动、定位、圆角、阴影二
Web网页制作-知识点（4）——CSS盒子模型、弹性盒模型（flex box)、文档流、浮动、清除浮动、定位、圆角、阴影二
21
0
0
|
22天前
|
前端开发
容器
Web网页制作-知识点（4）——CSS盒子模型、弹性盒模型（flex box)、文档流、浮动、清除浮动、定位、圆角、阴影（一）
Web网页制作-知识点（4）——CSS盒子模型、弹性盒模型（flex box)、文档流、浮动、清除浮动、定位、圆角、阴影一
27
0
0
|
1月前
|
前端开发
|
1月前
|
前端开发
开发者
UED
|
1月前
|
编解码
前端开发
iOS开发
|
1月前
|
前端开发
容器
|
1月前
|
前端开发
开发者
容器