样式

Taffy 样式属性综合指南。

Taffy 的样式 API 模仿 CSS 设计。以下是所有支持属性的分类列表。

布局模式

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

属性描述
displayFlex(默认)、GridNone
positionRelative(流式)或 Absolute(覆盖)。
overflowVisibleHiddenScroll
inset定位用的 topbottomleftright

尺寸与间距

控制尺寸和间距。

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

Flexbox 布局

一维布局的属性。

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

Grid 布局

二维布局的属性。

属性描述
gridTemplate定义列和行。
gridColumn在网格中放置列。
gridRow在网格中放置行。
gridAutoFlow自动放置算法。

© 2026 ByteLand Technology Limited