asp.net中的奇怪行为

Question

有人可以告诉我为什么我会得到我在这里显示的蓝线:(并且为单纯的text-align：center而不是内联代码定义一个类是一个很好的做法？）

代码：

  <asp:Panel ID="PnlBarraFinalizarMostrar" runat="server" CssClass="izq">
         <asp:LinkButton ID="LkBRegresar" runat="server" CssClass="LKBPequeño" OnClick="LkBRegresar_Click">Regresar</asp:LinkButton>
 </asp:Panel>
                <%--alumn's info--%>
 <asp:Panel ID="PnlAlumno" runat="server" BackColor="Yellow">
       <table runat="server" class="datos" style="background-color:Green;">
             <tr>
                 <td rowspan="4" style="width: 65px;">
                    <asp:Image ID="ImgAlumno" runat="server" BorderWidth="0px"
                                    Width="62.7" Height="84" />
                 </td>
                 <td style="width: 75px;">
                      Alumno:
                 </td>
                 <td style="width:225px; white-space:nowrap;">
                      <asp:Label ID="LbDAlumno" runat="server" />
                 </td>
                 <td style="width: 40px;">
                       Ciclo:
                 </td>
                 <td>
                     <asp:Label ID="LbDciclo" runat="server" />
                 </td>
              </tr>
              <tr>
                 <td>
                     Carrera:
                 </td>
                 <td>
                    <asp:Label ID="LbDCarrera" runat="server" />
                 </td>
                 <td>
                     Plan:
                 </td>
                 <td>
                     <asp:Label ID="LbDPlan" runat="server" />
                  </td>
               </tr>
               <tr>
                  <td>
                     Maximo UV:
                  </td>
                  <td>
                     <asp:Label ID="LbDMaximoUV" runat="server" />
                  </td>
                  <td>
                     CUM:
                  </td>
                  <td>
                       <asp:Label ID="LbDCum" runat="server" />
                  </td>
                </tr>
                <tr style="vertical-align: text-top; background-color:Gray;">
                     <td>
                         UV Inscritas:
                     </td>
                     <td>
                         <asp:Label ID="LbDUVInscritas" runat="server" />
                     </td>
                     <td>
                          Avance:
                     </td>
                     <td>
                         <asp:Label ID="LbDAvance" runat="server" />
                     </td>
                  </tr>
             </table>
         </asp:Panel>
         <br />
         <%--Detalle de Asignaturas--%>
         <asp:Panel ID="PnlHojaAsesoriaCursosInscritos" runat="server" Width="100%" BackColor="Sienna">                        
               <table class="encabezado">
                    <tr>
                       <td>
                           <asp:Label ID="lbTituloHAsesoriaCInscritos" runat="server" Text="Hoja Asesoria o Cursos Inscritos" />
                        </td>
                     </tr>
                </table>
              <table id="THojaA" runat="server" class="tabla" style="padding:0px;background-color:Red;">
               ...

encabezado.css（标题）

.encabezado 
{
   font-size:10pt;
   text-align:left;
   background-color:#152B81; color:#FFFFFF;   
   border-spacing: 2px;
   padding:3px 4px 2px 5px; 
   width:100%;
}

datos.css（data）

.datos 
{
 font-size: 9pt;
 border: 1px solid #152B81;
 background-color: #DBE7F6;
 color: #152B81;  
 width: 100%;
 text-align: left;   
 border-spacing:0px;
 padding:4px 4px 4px 5px;
} 

使用检查后我检测到边框底部！：

检查员：

Answer 1

使用inspect元素检查解析代码后发生的情况。或者你可以在这里发布解析后的HTML。