样式
Taffy 样式属性综合指南。
Taffy 的样式 API 模仿 CSS 设计。以下是所有支持属性的分类列表。
布局模式
定义节点行为的核心属性。
| 属性 | 描述 |
|---|---|
display | Flex(默认)、Grid 或 None。 |
position | Relative(流式)或 Absolute(覆盖)。 |
overflow | Visible、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 布局
二维布局的属性。
| 属性 | 描述 |
|---|---|
gridTemplate | 定义列和行。 |
gridColumn | 在网格中放置列。 |
gridRow | 在网格中放置行。 |
gridAutoFlow | 自动放置算法。 |