FF下 用 col 隱藏表格列的方法詳解！
更新時間：2008年04月03日 18:54:45 作者：
一直一來，我都在想辦法看能不能用 col 控制表格的列隱藏，但是無奈，FF對COL支持不夠好（其實是以前沒有發(fā)現COL在FF下要怎么弄）。
今天，我在一個有52個字段的報表時，迫使我深入的做了一下研究，
我發(fā)現：
col在ff下的display 的默認值是：table-column
visibility的默認值為：visible
我又查查了CSS手冊，發(fā)現 visibility 有一個 collapse的可選值，據說在IE下是沒有實現的，IE沒實現不竺于FF沒有實現，就像FF不支持的不一定IE不支持一樣。
BT的我，一個一個試了一遍，
終于發(fā)現了！
FF下可以用下面的方法，用COL把表格的列給隱藏！
歡呼！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<table width="100%" border="0">
<colgroup>
<col style="visibility: collapse;overflow:hidden;width:0px;" />
<col style="visibility: collapse;overflow:hidden;width:0px;" />
<col style="display:none"/>
<col style="display:none"/>
</colgroup>
<tr>
<td scope="col">IE下，你可以看到這列<td scope="col">IE下，你可以看到這列
<td scope="col">FF下，你可以看到這列<td scope="col">FF下，你可以看到這列</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
我發(fā)現：
col在ff下的display 的默認值是：table-column
visibility的默認值為：visible
我又查查了CSS手冊，發(fā)現 visibility 有一個 collapse的可選值，據說在IE下是沒有實現的，IE沒實現不竺于FF沒有實現，就像FF不支持的不一定IE不支持一樣。
BT的我，一個一個試了一遍，
終于發(fā)現了！
FF下可以用下面的方法，用COL把表格的列給隱藏！
歡呼！
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<table width="100%" border="0">
<colgroup>
<col style="visibility: collapse;overflow:hidden;width:0px;" />
<col style="visibility: collapse;overflow:hidden;width:0px;" />
<col style="display:none"/>
<col style="display:none"/>
</colgroup>
<tr>
<td scope="col">IE下，你可以看到這列<td scope="col">IE下，你可以看到這列
<td scope="col">FF下，你可以看到這列<td scope="col">FF下，你可以看到這列</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
相關文章
最近趁離職，我在做一個論壇系統(tǒng)，練練手，需要一個論壇首頁的html頁面，深知自己美工極差，心里很苦啊。于是買了本div+css網站布局的書，沒想到講得還不錯，感覺長進很快，于是磨拳擦掌非要自己寫一個不可，高手末笑。代碼伺候。2008-11-11
CSS設置網頁的字體 防瀏覽器瀏覽頁面字體變形...2007-03-03
讓用戶自己控制網頁字體的大小的css書寫方法...2007-09-09
為圖片設置背景圖片，是一個非常搞的實例。這句話或許就感覺有點好玩。我們?yōu)橐訧MG標簽引入頁面的圖片設置背景圖片。2008-09-09
很多時候，希望能夠在 HTML 中使用空格排版。但瀏覽器在解析 HTML 時，會把連續(xù)的空格解析成一個，所以我們會使用 等這樣的占位符。2008-09-09
不用float實現div模塊居中布局...2007-02-02
web前端開發(fā)中，適當的規(guī)范和標準絕不是消滅代碼內容的創(chuàng)造性、優(yōu)雅性,而是限制過度個性化，以一種普遍認可的統(tǒng)一方式,提升協作效率,降低溝通成本。規(guī)范的目的是為了編寫高質量的代碼。2022-12-12
CSS屬性 - white-space 空白屬性使用說明...2007-06-06
解決鼠標在 flash 鏈接上不停閃動的問題（web頁面中）
解決鼠標在 flash 鏈接上不停閃動的問題（web頁面中）...2006-12-12
DIV+CSS作網頁容易犯的錯誤小結...2007-11-11