flexiblelayout。灵活布局是一种布局方式，主要解决一个元素中子元素的布局方式。它为布局提供了强大的灵活性和语法概念。基本设置显示：flex；//block将层级元素设置为容器容器：生成（设置）灵活布局的子元素，**父元素**称为容器项：需要灵活布局的**子元素**称为排列轴项目灵活布局中项目的方向，也有主轴和横轴的概念（类似于坐标轴中的轴x，y轴），分别称为主轴和横轴垂直于该主轴的轴称为横轴。默认主轴方向为水平排列，即主轴->x轴特征。当一个元素被设置为弹性容器时，它的所有子元素都变成了弹性项。这时候item的float/clear/vertical-align属性就会失效。容器中的属性设置主轴方向flex-direction:Value:row，默认值，主轴为x轴，主轴起点为左端row-reverse，主轴为x轴，主轴起点在右列，主轴起点在y轴，主轴起点在顶部column-reverse，主轴起点在y轴，起点主轴的点在底部。空间不够时，不会换行，item会自动收缩换行。如果空间不够，则换行。flex-start，默认值，flex-end对齐主轴起点，中心对齐主轴终点，中心对齐主轴space-between对齐两端，有两端没有空格space-around每个间距大小一样，两边都会留空定义项目在横轴上的对齐align-items:取值：flex-start对齐横轴的起点flex-end对齐横轴中心的终点对齐横轴的中心baseline对齐横轴的基线，这是横轴拉伸的起点前提条件，该项没有写高。占据横轴上的所有空间。物品中的属性只能在其中一个物品上设置，不会影响其他物品的效果。order定义item的排列顺序，值越小越靠近起点，默认值为0值：none单位整数flex-grow定义item的放大比例。如果容器有足够的剩余空间，项目将按比例放大。Value：无单位整数，默认为0，不放大，该项目应该如何减少？值：无单位整数，默认值为1。值为0表示无缩放。值越大，缩小越快。flex-basis当主轴有剩余空间时，给此项分配多少空间。默认auto是类似于高度和宽度的宽度。以上三个属性可以简写为flex:默认值为01autoflex常用的写法：1->11auto用这个可以轻松实现**圣杯布局**转一个很好的实现方法[cssHolyGrailLayoutImplementation][1]align-self定义当前项目在横轴上的对齐方式。该属性会覆盖容器设置的align-items属性的值：flex-start对齐横轴起点flex-end对齐横轴中心终点对齐横轴baseline中心对齐基线ofthecrossaxis，也就是横轴拉伸的起点前提是item没有写高。自动占用横轴上的所有空间使用容器定义的align-items的值以上是我对弹性布局的一些知识点的总结。
