CSS中的表格伸縮隱藏是一種很有用的技巧。通過使用CSS的display屬性和visibility屬性，可以讓表格在不影響布局的同時，控制其顯示和隱藏。下面介紹一下三種常用的表格伸縮隱藏技巧。 一、使用display屬性的表格伸縮隱藏 使用display:none可以讓表格完全不顯示。而當需要顯示表格時，可以通過JavaScript動態設置樣式，將display屬性設置為block或table。 示例代碼：

table {
display: none;
}
/* 當需要顯示表格時，通過JavaScript動態設置樣式： */
document.querySelector('table').style.display = 'table';

二、使用visibility屬性的表格伸縮隱藏 與display屬性不同，使用visibility:hidden會讓表格保留其原始占位，但是變得不可見。同樣，可以通過JavaScript動態設置樣式，將visibility屬性設置為visible或hidden。 示例代碼：

table {
visibility: hidden;
}
/* 當需要顯示表格時，通過JavaScript動態設置樣式： */
document.querySelector('table').style.visibility = 'visible';

三、使用max-height屬性的表格伸縮隱藏 使用max-height屬性，可以讓表格在超過一定高度時隱藏。當需要顯示表格時，可以將max-height屬性設置為一個足夠大的值。 示例代碼：

table {
max-height: 0;
overflow: hidden;
}
/* 當需要顯示表格時，通過JavaScript動態設置樣式： */
document.querySelector('table').style.maxHeight = 'none';

以上就是三種常用的表格伸縮隱藏技巧。它們都可以幫助我們解決一些布局問題，讓網頁變得更加美觀和實用。