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

2018-06-12 02:38:41

在Flex中，有一个名为VGroup的容器组件，它纵向放置它的内容。 HTML中的等效内容是什么？

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

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

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

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

咦？三个s里面，然后用CSS设置高度/间隙属性？与HGroup相同，只需将所有div浮动到左侧即可。

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

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

将显示设置为阻塞会导致它换行到下一行。

链接地址: http://www.djcxy.com/p/34665.html