在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属性指定每个项目之间的空间大小。行高是动态的，适合元素的高度。有一个horizo​​ntalAlign属性可以对齐左，中或右对齐的元素。

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

如果答案相关，我在创建HGroup时发布了另一个related question。

Answer 1

咦？一个内部的三个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会使其换行到下一行。