CSS详解系列:09-Flex项目属性简介

fox/ 01月19日/ CSS教程/ 浏览 1547

之前几篇文章,我们分别对Flex基础和Flex的容器属性做了详细介绍,如果有不了解的可以查看之前的文章:

01-Flex基本概念

02-Flex容器属性

03-Flex容器属性flex-direction

04-Flex容器属性flex-wrap

05-Flex容器属性flex-flow

06-Flex容器属性justify-content

07-Flex容器属性align-items

08-Flex容器属性align-content


在接下来的文章里,我们会对Flex项目(即单个 “item”)属性逐一做详细介绍。

Flex项目属性包含以下几类:


1.order

用来定义项目的排列顺序


2.flex-grow

定义项目的放大比例


3.flex-shrink

定义项目的缩小比例


4.flex-basis

定义在分配多余空间之前,项目占据的主轴空间


5.flex

属性是flex-grow, flex-shrink 和 flex-basis的简写


6.align-self

允许单个项目有与其他项目不一样的对齐方式

发表评论

暂无评论,抢个沙发...

客服 工单