当前位置: 首页 > Web前端 > CSS

FlexBox语法指南

时间:2023-03-30 17:51:50 CSS

FlexBox语法指南容器属性显示:flex|inline-flexCSS列对弹性容器没有影响。float,clear和vertical-align对灵活的项目没有影响flex-direction:row|行反转|栏目|column-reverse主轴方向flex-wrap:nowrap|确定新行方向flex-flow:rownowrapflex-direction&flex-wrap缩写版justify-content:flex-start|弹性端|中心|间隔|space-around定义了子元素沿主轴的对齐方式align-items:flex-start|弹性端|中心|基线|streth定义子元素在当前行横轴上的对齐方式align-content:flex-start|弹性端|中心|空间之间|环绕空间|stretch对只有一行的容器没有影响,必须用多行来处理侧轴多行之间的对齐方式子元素order:number控制显示顺序flex-grow:number|默认为0定义容器内外的子元素扩展能力可以为负数flex-shrink:number|默认为1。定义子元素收缩的能力可以是负数。|growshrinkbasis是flex-grow&flex-shrink&flex-basis的缩写align-self:auto|弹性启动|弹性端|中心|基线|stretch覆盖单个子元素flexbox上的默认对齐数据