Question

在Flex中有一个名为HGroup的容器组件，它可以水平放置它的内容。以下内容与HTML相同：

<HGroup gap="10">
   <button width="50"/>
   <button width="10"/>
   <button width="100"/>
</HGroup>

对于HTML开发人员，HGroup的功能是HGroup标记中的每个项目都位于上一个项目之后。在上面的代码中，每个按钮将放在最后一个按钮之后。 gap属性指定每个项目之间的空间大小。 hgroup符合其所有元素的宽度，并且不会回绕到下一行。有一个verticalAlign属性可以对齐顶部，中间或底部的元素。

我认为div或span标签有一些没有换行样式的最接近的标签模仿HGroup行为？

Answer 1

在要内联的元素上，将显示样式设置为内联。例如，

<div name="HGroup531" style="position:absolute;left:138px;top:107px;width:180px;height:23px;">
    <input type="button" name="Button605" style="display:inline;padding-right:2px;vertical-align: middle;width:70px;height:21px;font-family:Arial;font-size:12px;" value="Button"/>
    <input type="button" name="Button635" style="display:inline;vertical-align: middle;width:70px;height:21px;font-family:Arial;font-size:12px;" value="Button"/>
</div>

至少这是你如何做到这一点我所知。

在HTML中创建水平布局的项目组

1 个答案: