CSS弹性盒模型flex在布局中的应用
元素居中
【1】伸缩容器上使用主轴对齐justify-content和侧轴对齐align-items
DEMO
【2】在伸缩项目上使用margin:auto
DEMO
两端对齐
立即学习“前端免费学习笔记（深入）”；
DEMODEMODEMODEMO
底端对齐
DEMODEMODEMODEMO
输入框按钮
等分布局
1234
多列自适应布局
left
left
center
nitc免费效益型企业网站PHP版3.2 本地体验包下载NITC效益型企业网站系统(PHP)产品特色1、企业网站模块：1）网站设计精美：前台页面全部采用DIV+CSS，设计严谨，布局合理，页面精美大气。2）管理操作方便：后台管理界面友好，简单易用，区别于一般CMS系统的复杂与繁琐，功能强大，系统安全，性能稳定。用户使用全自动化控制，功能模块可扩展性强。2、搜索引擎优化： 经众多网络营销专家制定，系统自带搜索引擎基础优化功能，能在最短的时间内提升网站的曝
center
right
right
悬挂布局
左侧悬挂主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容
全屏布局
top
left
right
bottom
以上就是CSS弹性盒模型flex在布局中的应用的全部内容。
相关参考：php中文网
