Question

当我运行程序并在浏览器中查看时，colspan是相同但看起来不一样，为什么？一个比另一个稍微长一点。家长/监护人信息比学生信息更长。感谢您的帮助

 <td class="tblHead"  colspan="6">Student Information</td>

<td class="tblHead" colspan="6"> Parent/Guardian Information</td>



   <asp:Panel ID="panelADD" runat="server">
    <table style="width:100%; text-align:left;">
    <tr>
        <td class="tblHead"  colspan="6">Student Information<uc2:PopupCertify ID="ucPopupCertify"        runat="server" />
        </td>
    </tr>
    <tr>
    <td> &nbsp;</td>
    </tr>



 <table style="width:100%; text-align:left;">
      <tr>
       <td class="tblHead" colspan="6"> Parent/Guardian Information</td>
    </tr>
    <tr>

Answer 1

Colspan没有设置宽度。它只是说这个单元格跨越X列。因此，在您的情况下，您将创建一个跨越6列的单个单元格。由于跨越的列的宽度可能不同，因此单元格的宽度将不同。

由于目前只有一行，该行中有一个单元格（跨越6列），单元格宽度与其内容大小相同。因此，由于“家长/监护人信息”文本比“学生信息”长，因此其单元格将更长以容纳它。

要使这些单元格大小相同，您应该更新CSS Class tblHead以包含宽度：

<style>
.tblHead {
  width: 350px;
  /* Your other style information */
}
</style>

Colspan是相同的，但在浏览器中看起来不一样

1 个答案: