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

【问题标题】：Creating a horizontally laid out group of items in HTML在 HTML 中创建水平布局的项目组
【发布时间】：2013-05-15 12:46:38
【问题描述】：

在 Flex 中有一个名为 HGroup 的容器组件，它水平地布置它的内容。在 HTML 中与以下内容等效的是什么：

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

对于 HTML 开发人员来说，HGroup 的特点是 HGroup 标记中的每个项目都位于前一个项目之后。在上面的代码中，每个按钮都将放在最后一个按钮之后。 gap 属性指定每个项目之间有多少空间。 hgroup 适合所有元素的宽度，并且不会环绕到下一行。有一个垂直对齐属性，可以将元素顶部、中间或底部对齐。

我认为具有某种无包装样式的 div 或 span 标签是最接近模仿 HGroup 行为的标签？

【问题讨论】：

Creating a vertically stacked group of items in HTML like a VGroup 的可能重复项

标签： html apache-flex

【解决方案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>

据我所知，至少你是这样做的。

【讨论】：