Row 行
基本水平布局容器。
使用提示
- 适合：按钮组、工具栏、状态指示行、表头操作区。
- 不适合：垂直表单字段（应当用 column）、等宽卡片网格（应当用 grid）。
- 关联组件：column 垂直排列，grid 二维等宽网格。
- 子组件自然宽度排列，可通过 justify 控制分布。
gap用于覆盖子组件间距；省略时使用主题 CSS 默认间距。
justify 变体
namespace: "doc_row_justify_diff",
layout: {
"column:demo": {
"text:start": {
text: "justify: start"
},
"row:justify-start": {
justify: "start",
"badge:a": {
label: "A"
},
"badge:b": {
label: "B"
}
},
"text:center": {
text: "justify: center"
},
"row:justify-center": {
justify: "center",
"badge:a": {
label: "A"
},
"badge:b": {
label: "B"
}
},
"text:end": {
text: "justify: end"
},
"row:justify-end": {
justify: "end",
"badge:a": {
label: "A"
},
"badge:b": {
label: "B"
}
},
"text:space-between": {
text: "justify: space-between"
},
"row:justify-between": {
justify: "space-between",
"badge:a": {
label: "A"
},
"badge:b": {
label: "B"
}
}
}
}
}