渲染div中按钮之间的统一距离？答案

【问题标题】：Render uniform distance between buttons in a div?渲染div中按钮之间的统一距离？
【发布时间】：2010-02-05 22:00:46
【问题描述】：

我不知道 DIV 或任何按钮的渲染宽度。如何更改标记，以使按钮呈现为每个按钮之间的距离一致（或尽可能接近）？

编辑：此外，按钮应该占据 DIV 的整个宽度。

<div>
    <asp:Button ID="Button1" runat="server" Text="Action1" />
    <!-- space between rendered buttons -->
    <asp:Button ID="Button2" runat="server" Text="Action2" />
    <!-- space between rendered buttons -->
    <asp:Button ID="Button3" runat="server" Text="Action3" />
    <!-- space between rendered buttons -->
    <asp:Button ID="Button4" runat="server" Text="Action4" />
</div>

【问题讨论】：

标签： html rendering alignment

【解决方案1】：

我在认为如果没有表格、JavaScript 或使用至少一些（相对）宽度（如果您可以设置百分比，这很容易），这将无法完成。

或者也许将每个按钮放入带有display: table-cell 的 div 中，但我觉得这很恶心。那就老实说，用一张桌子。

请随意证明我错了，我自己会对替代方法感兴趣。

【讨论】：

暂时将此标记为答案。这是给稍后出现并为我们俩提供替代方案的人。