當一個元素的visibility屬性被設置成collapse值後，對於一般的元素，它的表現跟hidden是一樣的，但如果是table相關的元素，例如table行，table group，table列，table column group，它的表現跟display:none一樣，也就是說，它們佔用的空間會釋放。
<html>
<head>
<style type="text/css">
tr.coll
{
visibility:collapse
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr class="coll">
<td>Bush</td>
<td>George</td>
</tr>
</table>
</body>
</html>在谷歌瀏覽器中，使用collapse值和使用hidden值沒什麼區別，效果如下
在Firefox、Opera和IE11裏，使用collapse值的效果就會消失，下面一行會補充它的位置。效果如下：
