7.22知识点总结：white-space，overflow，min-height，max-height，伪类对象选择器，display：none；和visibility：none；的区别

1.white-space: nowrap; 文本强制在一行上显示

white-space: nowrap;

white-space: pre; 保留空白区域

white-space: pre;

white-space: pre-line; 合并空白符,保留换行

white-space: pre-line;

white-space: pre-wrap; 保留空白符,正常换行

white-space: pre-wrap;

2. 隐藏内容：

 overflow: visible;默认

overflow: auto;剪切内容并增加滚动条

overflow: scroll;对超出内容进行裁剪，并以滚动条的方式显示

overflow: hidden;对超出内容进行裁剪，不出现滚动条

 隐藏文本

text-overflow: clip; 直接裁切

text-overflow: ellipsis; 显示省略

3. min-height：a.此处hight后面的取值在100px~300px之间，显示min-height设置的300px

                     b.超过300px，则会撑破，显示超过的值，如400px，则高度就为400px 

                   c.若此处没有设置height，则会根据内容自动设置高度

  max-height相反，内容不超出层高就和内容高度一致，内容超出就会截断

4.伪对象选择器（伪元素选择器）

        ::after/:after{

            content: '';

        }在元素后面添加