用户代码片段/align-content/flex布局的基本宽度

100 阅读1分钟

用户代码片段

"Print to console": { "scope": "javascript,typescript", "prefix": "div01", "body": [ "

item
", "$2" ], "description": "Log output to console" }


align-content:

align-content: flex-start 与交叉轴的起点对齐 flex-end 与交叉轴的终点对齐 center 与交叉轴的中点对齐 space-between 与交叉轴两端对齐,轴线之间的间隔平均分布 每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与 space-around/空白环绕 边框的间隔大一倍 stretch(默认值)/不能设置子元素的高度,否则不生效 轴线占满整个交叉轴


flex布局的基本宽度

flex:basis:

设置后width失效,优先于width/父元素宽度不够时,会自动缩小占满父元素