CSS 隱藏 Table 的列
我們在進行 Web 開發時，常常會遇到需要隱藏 Table 的某一列的情況。這種情況可能是由于該列的內容不重要，也可能是因為該列的內容已在其他地方展現。無論是哪種原因，使用 CSS 隱藏 Table 的列是一個非常方便有效的方法。
首先，在 HTML 中定義 Table 需要加上
、、和| （或 | ）等標簽。當我們需要隱藏某一列時，可以直接對該列的 | 和 | 標簽添加樣式，如下：
```html| ID | Name | Email | Phone |
|---|
| 111 | Tom | tom@example.com | 1234567890 | | 222 | Jerry | jerry@example.com | 0987654321 |
```
```css
table th:nth-child(3),
table td:nth-child(3) {
display: none;
}
```
上面的 CSS 代碼中，我們使用了 nth-child(3) 來選取要隱藏的第三列。這里的數字 3 表示要隱藏的是第三個子元素，也就是要隱藏的是 | 和 | 中的第三個。
使用 display:none; 樣式來隱藏所選定的列。這種方法的好處是保持了表格的結構完整性，而且不會對其他列造成影響（例如單元格的合并）。
在實際應用中，我們可能需要根據具體情況進行樣式調整，例如添加 hover 狀態樣式等。
總的來說，使用 CSS 隱藏 Table 的列是一個很方便的方法，能夠幫助我們提高開發效率。
|
