Css 文本框不会保持在同一行
我有一堆带有标签和RequiredFieldValidator的文本框。我的问题是他们拒绝站在同一条线上。始终使用标签->换行符->文本框->换行符->标签->等 我真的不知道是什么让它们最终出现在新行上,但这里有一个我代码中的短存根。我已经用chromes“inspect element”工具查看了这些类,但不明白为什么它们都在新品上。有人能帮忙吗Css 文本框不会保持在同一行,css,asp.net,Css,Asp.net,我有一堆带有标签和RequiredFieldValidator的文本框。我的问题是他们拒绝站在同一条线上。始终使用标签->换行符->文本框->换行符->标签->等 我真的不知道是什么让它们最终出现在新行上,但这里有一个我代码中的短存根。我已经用chromes“inspect element”工具查看了这些类,但不明白为什么它们都在新品上。有人能帮忙吗 <asp:Panel ID="pnl1" runat="server" Width="1700"> <f
<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>
//我尝试在这里添加display:inline
定义
您可以尝试以下方法:
- 正如@Jaison所说的,尝试在标签和文本框上使用css中的float:left
- 在css中将标签的宽度设置为宽度:70px
- 将控件放置在“跨度”元素中
- 在验证器前放置一个分隔符“br”,因为它们有时会占用空间,即使在不可见的情况下
- 结果是“全屏”课程把事情搞砸了。我取消了那个课程,效果很好。谢谢大家的帮助 你能在这里发布html代码吗?如果可能的话,可以修改一下。请复制一个,这样我们就能明白你的意思了。在特定的浏览器中也会发生这种情况吗?我会尝试复制它。在其他浏览器中也是如此。您能提供fieldSetClass类吗?
span
和input
都是内联元素。如果从字段集中删除CSS类
是否将所有控件都放在同一行?请尝试使用原始文本,而不是使用服务器端标签控件:例如名称:如果可以,请将其标记为您接受的解决方案。这样其他人就可以找到答案了。@pixelmeow是的,我知道。我会在两天内把它标记为正确的^^