定位布局positon
随着页面复杂度的不断提升, 更多的属性被添加到HTML, CSS中
其中, CSS中的position属性具有革命性
使页面中的元素可以摆脱表格单元格的束缚,可以定位到窗口中的任何位置...3 flex-shrink 定义了项目的缩小比例,默认为1,即如何空间不足,则自动缩小项目来填充
4 flex-basis 定义了项目占据的主轴空间,默认值为auto, 即项目原始大小
5 flex...自动等比例缩小填充主轴剩余空间
flex-shrink: 如果有一个项目为0, 其它项目为1, 则空间不足时, 它并不随其它项目缩小
注意: 该属性不支持负值, 即flex-shrink: -1 无效...,例如500px,则该项目占据固定的空间大小
.item {
flex-basis: 500px;
}
----
5. flex
flex属性是前面flex-grow,flex-shrink和flex-basis...等价于flex: 0 0 auto
推荐优先使用flex属性, 由浏览器自动计算出其它属性的值
----
6. align-self
该属性允许单个项目有与其它项目不一样的对齐方式, 可覆盖掉容器的flex-items