在同一行2上对齐html输入

Question

我在这里有许多类似问题的相同行为。

但是我尝试了任何事情而且没有任何事情发生在我身上。

我有2个html控件。一个锚标记和一个输入按钮。

我申请了vertical-align：top;浮动：权利;显示：内联块;独立和共同，没有任何反应。

当我点击关闭时，我看到像按钮一样的阴影！我希望它们内联两个控件

在表格的最后，我包括了这样的Div。

                <div style="float:right;">
                    <asp:Button ID="btnInput" runat="server" Text="Add selected"></asp:Button><a href="#">Close</a>
                </div>

Answer 1

您需要为每个元素display:inline-block设置宽度，否则默认为100％。

这是jsFiddle，其中我可以制作最接近的等效标记。 （asp按钮不起作用）

Answer 2

正如Dolchio所说，每个元素必须display: inline-block才能生效。请注意，您的float:right在这种情况下无法获得任何帮助。

尝试将CssClass属性添加到asp按钮并为该类设置样式。

所以看起来像<asp:Button ID="btnInput" runat="server" CssClass="myButton" Text="Add selected"></asp>和你的css myButton{display:inline-block,vertical-align: top, width: 200px代替宽度，无论按钮的宽度是什么（不完全熟悉asp按钮及其隐含宽度）。