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; 隐藏文本内容，常用于按钮和链接的文字隐藏。