Colspan是相同的但在瀏覽器中看起來不一樣

當我運行程序並在瀏覽器中查看它時，colspan是相同的，但看起來不一樣，爲什麼？一個比另一個長一點。家長/監護人信息長於學生信息。謝謝您的幫助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，那麼它會有問題，因爲您沒有結束第一個表，或者如果它們應該是同一個表的一部分，則需要取出第二個表定義。如果您發佈了片段，請這樣指出。 –

Colspan不設置寬度。它只是說這個單元跨越了X列。所以在你的情況下，你正在創建一個跨越6列的單個單元格。由於跨越列的寬度可能不同，因此單元格的寬度將會不同。

由於當前只有一行，並且該行中有一個單元格（跨越6列），因此單元格寬度將與其內容大小相同。因此，由於文本「家長/監護人信息」比「學生信息」長，所以其小區將更長以容納它。

爲了使這些細胞大小一致，你應該更新你的CSS類tblHead包括寬度：

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

來源

2011-10-20 17:11:51

Colspan是相同的但在瀏覽器中看起來不一樣

回答

相關問題