html - 在 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>

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 的 block div，用于在表单等中间隔元素。