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

本文关键字：文本 按钮 | 更新日期: 2023-09-27 18:15:20

大家都知道，在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浏览器中渲染它时，什么也没有发生。我不知道为什么。任何帮助吗?

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

这与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/

您的布局细节将是有帮助的。但是我认为右边控制栏的margin: -5 0 0 0应该可以满足你的要求。

相关文章：