C# 删除ASP.Net中的额外行_C#_Css_Asp.net

C# 删除ASP.Net中的额外行

c# css asp.net

C# 删除ASP.Net中的额外行,c#,css,asp.net,C#,Css,Asp.net,大家我的网页有点奇怪，因为它会在每个控制器后自动添加新行 <asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Visible="false"></asp:Label> <asp:RequiredFieldValidator runat="server&

大家我的网页有点奇怪，因为它会在每个控制器后自动添加新行

    <asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Visible="false"></asp:Label>
    <asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" />
    <asp:TextBox ID="Textbox"  runat="server" Visible ="false" Width="350px" ></asp:TextBox>
    <asp:LinkButton ID="check" CssClass="myclass" visible="false" runat="server" OnClick="check_Click">Check</asp:LinkButton>

我尝试过改变显示，甚至从asp中删除整个CSS，但仍然是一样的我需要文本框，字段验证器，链接按钮在同一行。。。。有什么想法吗

下面的代码将在一行上对齐控件。它使用CSS3 flexbox来排列控件

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
         <style>
             a.myclass{ color: #FF0000; text-decoration: none; }
            a.myclass:hover { text-decoration: none; }

            .question_bold {
                font-weight: bold;
                border: 1px solid #e6e6e6;
                border-radius: 10px;
                background-color: #e6e6e6;
                height: 25px;
                width: 100%;
                display: block;
            }

            .flex-container {
                display: flex;
                width: 650px;
                height: 250px;
            }

            .flex-item {
                height: 100px;
                margin: 10px;
            }
         </style>
    </head>
    <body>
        <form id="form1" runat="server">

        <div class="flex-container">
            <div class="flex-item"><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1"></asp:Label></div>
            <div class="flex-item"><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></div>
            <div class="flex-item"><asp:TextBox ID="Textbox"  runat="server"  Width="350px" ></asp:TextBox></div> 
            <div class="flex-item"><asp:LinkButton ID="check" CssClass="myclass"  runat="server" OnClick="check_Click">Check</asp:LinkButton></div> 
        </div>
        </form>
    </body>
    </html>


a、 myclass{color:#FF0000；文本装饰：无；}
a、 myclass:悬停{文本装饰：无；}
.问题(粗体){
字体大小：粗体；
边框：1px实心#e6；
边界半径：10px；
背景色：#e6；
高度：25px；
宽度：100%；
显示：块；
}
.柔性容器{
显示器：flex；
宽度：650px；
高度：250px；
}
.弹性项目{
高度：100px；
利润率：10px；
}
检查

上述解决方案要求浏览器支持CSS3 flexbox。你能设置每个控件的宽度吗？这也可以使用CSS来完成。下面的解决方案适用于不同的浏览器

        <div>
            <span><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Width="100px"></asp:Label></span>
            <span><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></span>
            <span><asp:TextBox ID="Textbox"  runat="server"  Width="350px" ></asp:TextBox></span> 
            <span><asp:LinkButton ID="check" CssClass="myclass"  runat="server">Check</asp:LinkButton></span> 
        </div>


检查

下面的代码将在一行上对齐控件。它使用CSS3 flexbox来排列控件

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
         <style>
             a.myclass{ color: #FF0000; text-decoration: none; }
            a.myclass:hover { text-decoration: none; }

            .question_bold {
                font-weight: bold;
                border: 1px solid #e6e6e6;
                border-radius: 10px;
                background-color: #e6e6e6;
                height: 25px;
                width: 100%;
                display: block;
            }

            .flex-container {
                display: flex;
                width: 650px;
                height: 250px;
            }

            .flex-item {
                height: 100px;
                margin: 10px;
            }
         </style>
    </head>
    <body>
        <form id="form1" runat="server">

        <div class="flex-container">
            <div class="flex-item"><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1"></asp:Label></div>
            <div class="flex-item"><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></div>
            <div class="flex-item"><asp:TextBox ID="Textbox"  runat="server"  Width="350px" ></asp:TextBox></div> 
            <div class="flex-item"><asp:LinkButton ID="check" CssClass="myclass"  runat="server" OnClick="check_Click">Check</asp:LinkButton></div> 
        </div>
        </form>
    </body>
    </html>


a、 myclass{color:#FF0000；文本装饰：无；}
a、 myclass:悬停{文本装饰：无；}
.问题(粗体){
字体大小：粗体；
边框：1px实心#e6；
边界半径：10px；
背景色：#e6；
高度：25px；
宽度：100%；
显示：块；
}
.柔性容器{
显示器：flex；
宽度：650px；
高度：250px；
}
.弹性项目{
高度：100px；
利润率：10px；
}
检查

上述解决方案要求浏览器支持CSS3 flexbox。你能设置每个控件的宽度吗？这也可以使用CSS来完成。下面的解决方案适用于不同的浏览器

        <div>
            <span><asp:Label ID="ll" Class="question_bold" runat="server" Text="label 1" Width="100px"></asp:Label></span>
            <span><asp:RequiredFieldValidator runat="server" id="lln" controltovalidate="Textbox" errormessage="* Required" Font-Bold="True" ForeColor="Red" SetFocusOnError="True" Display="Dynamic" /></span>
            <span><asp:TextBox ID="Textbox"  runat="server"  Width="350px" ></asp:TextBox></span> 
            <span><asp:LinkButton ID="check" CssClass="myclass"  runat="server">Check</asp:LinkButton></span> 
        </div>


检查


检查


检查

您有布局吗？你能提供一张图片吗？不需要的行是什么？文本框旁边应该有一个链接按钮“check”，然后是field Validator浏览器开发工具。只需“检查元素”并查看发生了什么情况您有布局吗？你能提供一张图片吗？不需要的行是什么？文本框旁边应该有一个链接按钮“check”，然后是field Validator浏览器开发工具。只是“检查元素”，看看发生了什么。不知何故，它只在隐姓埋名模式下的chrome上工作（不在chrome、firefox或IE上），只是在chrome中隐姓埋名。。。。而且我不认为从一开始就应该在新的行中添加css来收集它们！！！！第一个解决方案需要浏览器支持CSS3 flexbox。我的另一个解决方案解决了您的问题吗？在清除缓存并弄乱控制器宽度后，flexbox工作得非常好。。。。感谢您的帮助，它只在隐姓埋名模式下对chrome有效（不在chrome、firefox或IE上），只是在chrome中隐姓埋名。。。。而且我不认为从一开始就应该在新的行中添加css来收集它们！！！！第一个解决方案需要浏览器支持CSS3 flexbox。我的另一个解决方案解决了您的问题吗？在清除缓存并弄乱控制器宽度后，flexbox工作得非常好。。。。谢谢你的大力帮助