网页布局是css的一个重点应用 。传统的布局都是依赖display、position、float属性来实现的，但是特殊布局就不易实现，如垂直居中 。  
flex布局是什么？?Flex 是 Flexible Box的简写，意为“弹性布局”为盒模型提供最大灵活性 。任何一个容器都可以指定为flex布局 。  
采用flex布局的元素，称为flex容器 。他的所有子元素自动成为容器成员，称为flex项目，简称项目 。  

  
文章插图  
【自适应页面怎么制作，布局及模板详解？】容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis） 。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end 。  
项目默认沿主轴排列 。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size 。  
容器的属性flex-direction属性值有四个：  
flex-wrap属性值有三个：  
justify-content属性值有五个：  
align-items属性值有五个：  
align-content属性值六个：  
项目属性 好了，这篇文章的内容蜀川号就和大家分享到这里！  

• 一个男生怎样让自己成熟起来 怎样增强男性的持久力
• 正佳广场有什么好玩的地方呢 汗蒸缸自己在家里蒸好吗
• 血氧仪|?家中有必要自备血氧仪制氧机吗 制氧机怎么选择
• 胸怎么才能自然变大 胸部增大的最佳方法
• 如何看待同济团队实现全球首例人类自体肺干细胞移植再生 糖尿病干细胞移植医院
• 女性有哪些危害 女孩子自位的危害
• 你平时是怎么利用中医知识在家给自己调理身体的 熏蒸能去湿气吗
• 慢性鼻炎困绕着的这些年 一个动作鼻炎自愈
• 送给自己爱的女生大姨妈神器 激励女人保养子宫的句子
• 发现自己怀孕了怎么办 少女早孕怎么办