CSS中隱藏的方法

CSS中有多種方法可以隱藏元素，比如display:none、visibility:hidden、opacity:0等。以下是具體的使用方法和區別：

1. display:none

使用 display:none 將元素完全隱藏，既不會顯示元素的內容，也不會占用布局空間。

2. visibility:hidden

使用 visibility:hidden 隱藏元素時，元素仍會占用布局空間，但是元素的內容不可見。

3. opacity:0

使用 opacity:0 隱藏元素，元素仍會占用布局空間，但是元素會變成透明狀態。

4. height:0;

使用 height:0; 隱藏元素時，元素會占用布局空間，但是元素的高度為0，因此不會顯示。

5. overflow:hidden;

使用 overflow:hidden; 可以將元素內超出部分隱藏掉。

6. clip:rect(0,0,0,0);

使用 clip:rect(0,0,0,0); 也可以將元素完全隱藏，但是不被所有瀏覽器支持。

7. text-indent:-1000px;

使用 text-indent:-1000px; 隱藏文本內容，常用于按鈕和鏈接的文字隱藏。