Question

我有很多带有标签和RequiredFieldValidators的文本框。我的问题是他们拒绝将自己放在同一条线上。始终标签 - ＆gt;换行 - ＆gt; textbox-＆gt;换行 - ＆gt;标签 - ＆gt;等。

我真的不知道是什么让他们最终在新线上，但这是我的代码中的一个简短的存根。我已经看过课程和chromes＆＃34;检查元素＆＃34;工具，但无法弄清楚为什么他们都在新线上。有人可以帮忙吗？

<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所说，尝试在标签和文本框上使用float：left in css，
将标签的宽度设置为宽度：css中的70px，
将控件置于＆＃34; span＆＃34;元素
在验证器前放置休息时间，因为即使不可见，它们有时也会占用空间。

Answer 2

原来这是＆＃34;全屏＆＃34;搞砸了它的课程。我删除了那个类，它工作正常。谢谢大家的帮助！

文本框不会停留在同一行

2 个答案: