css - 文本框不会留在同一行

Question

我有一堆带有标签和 RequiredFieldValidators 的文本框。我的问题是他们拒绝将自己置于同一条线上。总是 label->newline->textbox->newline->label->etc.

我真的不知道是什么让它们在新行上结束，但这是我的代码中的一个简短 stub 。我查看了类(class)并使用 chrome“检查元素”工具，但无法弄清楚为什么它们都在新行上。有人可以帮忙吗？

<asp:Panel ID="pnl1" runat="server" Width="1700">        
    <fieldset class="inputForm fullscreen" style="width:auto;"> //I've tried adding display:inline here
        <legend>
            Definition
        </legend>
        <asp:Label ID="lblName" runat="server" Text="Name" /><asp:TextBox ID="tbName" runat="server" /><asp:RequiredFieldValidator id="req_Name" ControlToValidate="tbName" runat="server" ErrorMessage="*" CssClass="ErrorText" />
        <asp:Label ID="lblSource" runat="server" text="source" /><asp:TextBox ID="tbSource" runat="server" /><asp:RequiredFieldValidator id="req_Source" ControlToValidate="tbSource" runat="server" ErrorMessage="*" CssClass="ErrorText" /><br />
    </fieldset>
</asp: Panel>

Answer 1

您可以尝试以下方法:

• 正如@Jaison 所说，尝试在您的 css 标签和文本框上使用 float:left，
• 在您的 css 中将标签的宽度设置为类似 width:70px 的值，
• 将控件放在“span”元素内，
• 在验证器之前放置一个分隔符“br”，因为它们有时即使不可见也会占用空间。