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

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

出典

2011-10-20 dansasu11

は完全なHTMLせずに言うことはできません。 jsfiddleを投稿できますか？ –

これよりも多くのものを表示する必要があります。 –

例の中に完全なHTMLがある場合、最初のテーブルを終了しなかったか、または同じテーブルの一部でなければならない場合は2番目のテーブル定義を取り出す必要があるため、問題が発生します。スニペットを投稿した場合は、そのように指定してください。 –

Colspanは幅を設定しません。単にこのセルがX個の列にまたがっていると言います。したがって、あなたのケースでは、6つの列にまたがる単一のセルを作成しています。スパンされた列の幅が異なる可能性があるので、セルの幅は異なる。

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

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

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

出典

2011-10-20 17:11:51

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

答えて

関連する問題