Css中弹性布局我很迷惑flex？

Question

谁能告诉我，display:flex到底有继承性没有？感谢您的回答，我万分感谢，我会努力的，下一个大牛就是我

Answer 1

display：flex 全称：弹性布局 属性：
flex-direction 决定主轴的方向（即项目的排列方向）默认值：row主轴为水平方向，起点在左端 row-reverse:主轴为水平方向，起点在右端 column 主轴为垂直防线，起点在上沿 column-reverse：主轴为垂直方向，起点在下沿
flex-wrap 项目都排在一条线上（又称 轴线） 默认值：nowrap：不换行 wrap：换行，第一行在上方 wrap-reverse:黄航，第一行在下方
flex-flow 是flex-direction和flex-wrap简写 默认值为row nowrap
justify-content 定义了项目在主轴上的对齐方式 默认值：flex-start 左对齐 flex-end：右对齐 center：居中 space-between:两端对齐 space-around 每个项目两侧的间隔相等，所以，项目之间的间隔比项目边框的间隔大一倍
align-items 是项目在交叉轴上如何对齐 默认值：stretch 如果项目未设置搞多或者设为auto 将占满整个容器的高度 flex-start 交叉轴的起点对齐 flex-end 交叉轴的终点对齐 center 交叉轴的中点对齐 baseline 项目的第一行文字的基线对齐
slign-content 电柜了多根轴线的对齐方式 如果项目只有一个轴线，该属性不起作用 默认值： stretch 轴线占满整个交叉轴 flex-start 与交叉轴的起点对齐 flex-end 与交叉轴线的终点对齐 center 与交叉轴的中点对齐 space-between 与交叉轴两端对齐，轴线之间的间隔平均分布 space-around:每根轴线连个测的间隔都相等，所以，轴线之间的间隔比轴线的间距大一倍

项目属性
order 定义项目的排列顺序，数值越小，排列越靠前，默认值为0
flex-grow 定义项目的放大比例，默认为0 如果存在默认空间，也不放大
flex-shrink 定义了项目的缩小比例，默认为1，如果空间不足，该项目缩小
flex-basis 定义了在分配多余空间之前，项目占据的主轴矿建，浏览器根据这个属性计算主轴是否有多余空间，他的默认值为auto，即项目的本来大小
flex flex-grow flex-shrink flex-basis简写 默认值器0 1 auto 后两个属性可选
algin-self 允许单个项目和其他项目不一样的对齐方式，科覆盖align-items属性，默认值 为auto 表示继承父元素的align-items属性，如果没有父元素，则等同于stretch align-self: auto | flex-start | flex-end | center | baseline | stretch;