<col>寬度爲IE和Chrome返回0

我有一個三列的表。我正在使用標籤來指定列的寬度。示例代碼：<col>寬度爲IE和Chrome返回0

<table width="100%" border="1"> 
    <colgroup style="background-color:#FF0000;"> 
    <col width="100px" id="id1"></col> 
    <col width="80px" id="id2"></col><col id="id3"></col></colgroup> 
    <tbody> 
    <tr> 
    <th>ISBN</th> 
    <th>Title</th> 
    <th>Price</th> 
    </tr> 
    <tr> 
    <td>3476896</td> 
    <td>My first HTML</td> 
    <td>$53</td> 
    </tr> 
    <tr> 
    <td>2489604</td> 
    <td>My first CSS</td> 
    <td>$47</td> 
    </tr> 
<tbody> 
</table>

問題是山坳的寬度爲IE和Chrome返回0，它在FF工作正常（$（「＃ID1」）寬（））。如何獲得鉻和IE瀏覽器的實際寬度？

來源

2012-02-02 Sandy

我已經在IE9驗證你的代碼， FF和Chrome。它工作正常。這是jsfiddle。 http://jsfiddle.net/nXVYx/ – Pavan 2012-02-02 13:13:31

它不適用於jquery-1.5.2.min.js。如果我將jquery版本更改爲1.5.2 – Sandy 2012-02-03 05:22:57

我無法重現它。我已經在FF 10中使用JQuery 1.5.2進行了測試，並且完美運行了 – Pavan 2012-02-03 06:53:30

做簡單的黑客對老年人的jQuery（COL沒有寬度在Chrome中，但它有寬度第一個單元格）

<table width="100%" border="1"> 
    <colgroup style="background-color:#FF0000;"> 
    <col width="100px"></col> 
    <col width="80px"></col><col id="id3"></col></colgroup> 
    <tbody> 
    <tr> 
    <th id="id1">ISBN</th> 
    <th id="id2">Title</th> 
    <th>Price</th> 
    </tr> 
    <tr> 
    <td>3476896</td> 
    <td>My first HTML</td> 
    <td>$53</td> 
    </tr> 
    <tr> 
    <td>2489604</td> 
    <td>My first CSS</td> 
    <td>$47</td> 
    </tr> 
<tbody> 
</table>

這裏 - http://jsfiddle.net/YD5mM/2/

來源

2012-03-02 10:43:15 SergeS

感謝您的回覆。我會在我的代碼中嘗試這個。 – Sandy 2012-03-02 11:52:20

將無法工作你想計算寬度的列不包含tbody中的單元格，它的colspan爲1 – mkoryak 2013-07-23 20:24:28

<col>寬度爲IE和Chrome返回0

回答

相關問題