Удалить лишние строки ASP.Net

все есть что-то странное в моей веб-странице, как он автоматически добавляет новую строку после каждого контроллераУдалить лишние строки ASP.Net

<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>

и вот код CSS:

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; 
}

я попытался изменить отображать и даже удалять весь CSS из asp, но все равно тот же Мне нужно текстовое поле, полевой валидатор, кнопка ссылки, чтобы быть на одной линии .... любые идеи?!

источник

2017-02-12 Eman Aboellil

у вас есть макеты? можете ли вы включить изображение, что является нежелательной линией? – Valkyrie

текстовое поле должно иметь ссылку «Проверить» рядом с ним, а затем полевой валидатор –

. Инструменты для браузера dev - это путь. Просто «проверять элемент» и посмотреть, что происходит – jazzcat

Приведенный ниже код будет выстраиваться элементы управления на одной строке. Он использует flexbox CSS3 для выравнивания элементов управления.

<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>

Для решения выше необходимо, чтобы браузер поддерживал flexbox CSS3. Можете ли вы установить ширину каждого элемента управления? Это также можно сделать с помощью 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>

источник

2017-02-12 19:08:55

как-то он работал только на хроме в режиме инкогнито (не на хром или firefox или IE), просто инкогнито в хром .... и я не думаю, что он должен быть в новой строке с первого место, чтобы добавить css, чтобы собрать их !!!! –

Для первого решения требуется поддержка браузера CSS3 flexbox. Мое другое решение исправить вашу проблему? –

flexbox отлично справился после очистки кеша и возился с шириной контроллеров .... спасибо за вашу большую помощь –

<html> 
 
    <head> 
 
     <title> </title> 
 

 
    </head> 
 
    <body> 
 
         
 
             <table class="format1" width="740px" cellpadding="2" cellspacing="0"> 
 
            <tr> 
 
             <td> 
 
              <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" /> 
 
             </td> 
 

 
             <td> 
 
              <asp:TextBox ID="Textbox" runat="server" Visible="false" Width="350px"></asp:TextBox> 
 
             </td> 
 

 

 
             <td> 
 
              <asp:LinkButton ID="check" CssClass="myclass" Visible="false" runat="server" OnClick="check_Click">Check</asp:LinkButton> 
 

 
             </td> 
 

 
            </tr> 
 

 
           </table> 
 
     </body> 
 

 
     </html>

источник

2017-02-13 12:45:35

Удалить лишние строки ASP.Net

ответ

Смежные вопросы