Colspanは同じですが、ブラウザで同じに見えません

Question

colspanは同じですが、プログラムを実行してブラウザで表示すると同じに見えません。なぜですか？ 1つはもう一方のものより少し長いです。親/保護者の情報が学生情報よりも長いです。あなたの助けを歓迎します。

<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つの列にまたがる単一のセルを作成しています。スパンされた列の幅が異なる可能性があるので、セルの幅は異なる。

現在、行が1つしかなく、その行に1つのセル（6つの列にまたがる）があるため、セルの幅はその内容と同じになります。したがって、テキスト「親/保護者情報」は「学生情報」よりも長いので、そのセルはそれを収容するためにより長くなります。

これらの細胞と同じ大きさにするために、あなたは幅含めるためにあなたのCSSクラスtblHeadを更新する必要があります

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