Question

如您所知，在ASP.NET中，按钮和文本框之间有一个简单的空间。我想删除这个空间并将它们直接放在一起，没有任何空间。怎么做？

我的CSS文件：

.input, .button {
margin:-10px 0px 0px 0px;
}

我的ASP.NET代码：

<form id="form1" runat="server">
<div>

    <asp:Button ID="Button1" CssClass="button" runat="server" Text="Button" />
    <asp:TextBox ID="TextBox1" CssClass="input" runat="server"></asp:TextBox>

</div>
</form>

当我在IE 8浏览器中渲染时，没有任何反应。我不知道为什么。有什么帮助吗？

Answer 1

这与ASP.NET关系不大，而与浏览器应用于页面元素的默认CSS值有关。

话虽如此，添加CSS规则......

input, button {
    margin:0;
}

应该有用......

修改

如果您不想使用边距，请确保不在标记中添加换行符：

<asp:Button ID="Button1" CssClass="button" runat="server" Text="Button" /><asp:TextBox ID="TextBox1" CssClass="input" runat="server"></asp:TextBox>

大多数浏览器都会将该行返回呈现为空格。

否则，类似的内容有效：http://jsfiddle.net/a4TPt/

Answer 2

您的布局详情会有所帮助。但我认为右边控制的边距：-5 0 0 0应该适用于你想要的东西。您需要根据需要调整-5以更正值。

如何将按钮直接放在文本框旁边？

2 个答案: