前面的话
前面已经详细介绍过flex弹性盒模型的基本语法和兼容写法,本文将介绍flex在布局中的应用
元素居中【1】伸缩容器上使用主轴对齐justify-content和侧轴对齐align-items
【2】在伸缩项目上使用margin:auto
两端对齐
底端对齐
输入框按钮
等分布局
多列自适应布局
悬挂布局
全屏布局
以上这篇CSS弹性盒模型flex在布局中的应用详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。
原文地址:http://www.cnblogs.com/xiaohuochai/archive/2016/05/24/5460201.html