在 asp.net 中的 2 个并排按钮之间放置空间的最简单方法是什么

Question

我有 2 个并排的按钮，我想在它们之间放置一些按钮。

以下代码将有 2 个按钮彼此相邻。我已经尝试过 div 的边距，但无法在两者之间获得一些不错的空间。

 <div style="text-align: center">
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
    <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
</div>

原文由 user570185 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

创建一个分频器类如下：

 .divider{
    width:5px;
    height:auto;
    display:inline-block;
}

然后将其附加到两个按钮之间的 div

 <div style="text-align: center">
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="89px" OnClick="btnSubmit_Click" />
    <div class="divider"/>
    <asp:Button ID="btnClear" runat="server" Text="Clear" Width="89px" OnClick="btnClear_Click" />
</div>

这是最好的方法，因为它避免了盒子模型，这在旧浏览器上可能会很痛苦，并且不会添加屏幕阅读器会拾取的任何额外字符，因此可读性更好。

在某些情况下使用这些类型的 div 是很好的（我最常用的是 vert5spacer，与此类似，但是放置了一个高度为 5 且宽度为 auto 的块 div，用于在表单中分隔项目等。

原文由 Michael Allen 发布，翻译遵循 CC BY-SA 2.5 许可协议