样式

Taffy 样式属性综合指南。

Taffy 的样式 API 模仿 CSS 设计。以下按类别介绍常用属性。

布局模式

定义节点行为的核心属性。

属性	描述
`display`	`Flex`（默认）、`Grid`、`Block`、`FlowRoot` 或 `None`。
`direction`	`Direction.Ltr` / `Direction.Rtl`。
`float` / `clear`	块布局中的浮动与清除。
`position`	`Relative`（流式）或 `Absolute`（覆盖）。
`overflow`	`Visible`、`Clip`、`Hidden` 或 `Scroll`。
`inset`	定位用的 `top`、`bottom`、`left`、`right`。

尺寸与间距

控制尺寸和间距。

属性	描述
`size` / `minSize` / `maxSize`	宽度和高度控制。
`aspectRatio`	宽高比。
`margin`	外边距。
`padding`	内边距。
`border`	边框宽度 (仅空间)。
`gap`	Flex/Grid 项目之间的间距。

Flexbox 布局

一维布局的属性。

属性	描述
`flexDirection`	`Row` 或 `Column` 方向。
`flexWrap`	`Wrap` 或 `NoWrap`。
`flexBasis`	初始主轴大小。
`flexGrow`	增长因子。
`flexShrink`	收缩因子。
`justifyContent`	主轴对齐。
`alignItems`	默认交叉轴对齐。
`alignSelf`	项目的覆盖对齐。
`alignContent`	对齐换行线。

Grid 布局

二维布局的属性。

属性	描述
`gridTemplateRows` / `gridTemplateColumns`	定义列和行。
`gridColumn`	在网格中放置列。
`gridRow`	在网格中放置行。
`gridAutoFlow`	自动放置算法。
`gridTemplateAreas` / `gridTemplateAreaRowCount` / `gridTemplateAreaColumnCount`	命名区域与模板行列数。