在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属性指定每个项之间的空间大小。行高度是动态的，适合元素的高度。有一个horizontalAlign属性，用于将元素向左、中间或向右对齐。

我认为带有表行的表标记是最接近模仿VGroup行为的标记。我正在寻找一个div或span等效，如果这是更好的。

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

Answer 1

嗯?在a里面三个s，然后用CSS设置高度/间隙属性?与HGroup相同，只是浮动所有div到左边

Answer 2

这似乎正在做我想要的:

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

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