文本 - 空文本节点问题

Question

我在浏览器上呈现的asp.net按钮位于不同的行中。我假设这个Text-Empty文本节点是因为这个。由于按钮显示在不同的行中，所以在所有浏览器上我注意到一个小空间。我怎么能清楚这个？我没有任何增加这个空间的CSS。

如果我在编辑器中删除行间距。我没有看到任何空间，但由于格式化代码我无法做到。

<asp:Button runat="server" ID="btnButton1" text = "Button1"/> <asp:Button runat="server" ID="btnButton1" text = "Button1"/>

Answer 1

如果您希望按钮彼此相邻，并且两者之间没有空格，则可以考虑使用CSS float规则：

<div style="overflow: auto">
  <asp:Button runat="server" style="float: left" ... />
  <asp:Button runat="server" style="float: left"  ... />
</div>

<div>元素将包含两个按钮，其后的所有元素都将位于新行上。 <div>内的按钮将尽可能向左移动，它们之间不会有空格。

演示（不是ASP.NET，但也能正常工作）：http://jsfiddle.net/vDWCn/1/