Skip to content
Taffy Layout Logo
Taffy Layout
文档API基准测试游乐场
Taffy Layout Logo
Taffy Layout
文档
关于 Taffy
入门指南
核心概念
样式
显示模式 (Display)
尺寸 (Size)
纵横比 (Aspect Ratio)
外边距 (Margin)
内边距 (Padding)
边框 (Border)
间距 (Gap)
Flex 方向 (Flex Direction)
Flex 换行 (Flex Wrap)
Flex 基准 (Flex Basis)
Flex 增长 (Flex Grow)
Flex 收缩 (Flex Shrink)
主轴对齐 (Justify Content)
交叉轴对齐 (Align Items)
自身对齐 (Align Self)
多行对齐 (Align Content)
网格布局 (Grid)
网格模板 (Grid Templates)
网格列 (Grid Column)
网格行 (Grid Row)
网格自动流向 (Grid Auto Flow)
定位 (Positioning)
内嵌偏移 (Inset)
溢出 (Overflow)
布局实例手册
高级主题

Flex 收缩 (Flex Shrink)

控制 flex 项目如何收缩以适应可用空间。

flexShrink 定义弹性子元素的收缩因子。当主轴上的尺寸与间距超过容器可用空间时,收缩量按因子与各项 flex 基准尺寸的乘积分配,并受最小尺寸等约束限制。主轴在行布局中是宽度,在列布局中是高度。

示例

Loading Preview…

快速记事

  • 默认值为 1,允许项目收缩;最小尺寸等约束仍可能导致溢出。
  • 设置为 0 可以防止项目收缩。

下一步

  • Flex 基准 (Flex Basis)
  • 主轴对齐 (Justify Content)

本页导航

示例快速记事下一步

© 2026 ByteLand Technology Limited