html - 在 HTML 中创建垂直堆叠的项目组，如 VGroup

Question

在 Flex 中有一个称为 VGroup 的容器组件，它垂直地布置它的内容。在 HTML 中相当于以下内容的内容：

<VGroup gap="10">
   <button height="50" width="20"/>
   <button height="10"/>
   <button height="100"/>
</VGroup>

对于 HTML 开发人员来说，VGroup 的特点是 VGroup 标记中的每个项目都是它自己的行。在上面的代码中将有三行，因为有 3 个项目。gap 属性指定每个项目之间有多少空间。行高是动态的并且适合元素的高度。有一个水平对齐属性，可以将元素左对齐、居中或右对齐。

我认为带有表格行的表格标签是最接近 VGroup 行为的标签。如果更好的话，我正在寻找一个 div 或 span 等价物。

如果答案相关，我已经发布了关于创建 HGroup 的另一个相关问题。

score 0 · Accepted Answer

嗯？a 中的三个 s 然后用 CSS 设置高度/间隙属性？与 HGroup 相同，只需将所有 div 浮动到左侧。

score 0 · Accepted Answer

这似乎正在做我想做的事情：

<div>
    <input type="button" style="display:block;" value="Button 1"/>
    <input type="button" style="display:block;" value="Button 2"/>
</div>

将 display 设置为 block 会导致它换行到下一行。

2 回答 2