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)
布局实例手册
高级主题

显示模式 (Display)

定义节点的布局行为。

display 属性确定用于节点子元素的内部布局算法。

取值

值描述
Flex使用 Flexbox 算法。子元素按行或列排列。
Grid使用 CSS Grid 算法。子元素按二维网格排列。
Block使用 Block 算法。(Taffy 中目前支持有限,通常表现为特定的 Flex 配置)。
None节点从布局中移除。它不占用任何空间并被跳过。

示例

Loading Preview…

下一步

  • 尺寸 (Size)
  • Flex 方向 (Flex Direction)
  • 网格布局 (Grid)

本页导航

取值示例下一步

© 2026 ByteLand Technology Limited