在同一行 2 上对齐 html 输入答案

【问题标题】：Aligning html inputs on same line 2在同一行 2 上对齐 html 输入
【发布时间】：2013-07-18 01:44:02
【问题描述】：

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

但我尝试了任何方法，但我没有任何反应。

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

我应用了垂直对齐：顶部；浮动：对；显示：内联块；独立和在一起，什么都没有发生。

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

在表格的最后，我添加了一个像这样的 Div。

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

【问题讨论】：

标签： c# html css styles inline

【解决方案1】：

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

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

【讨论】：

这解决了我的问题！非常感谢！我将 display:inline-block 应用于锚标记并完美！

【解决方案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 按钮及其隐含的宽度）。

【讨论】：