2021-03-30

第七天
（一），溢出的文本隐藏
1，
word_break :主要运用在英文中，拆分单词
默认单词可以在连接符或半角空格处换行
Word_break: keep_all; 保持默认的特点
Word_break: break_all; 允许在单词内换行

2，给定宽高的文本框，一行写完后换行到另一行，不让它换行，
white_space: nowrap;

3，溢出的文本隐藏掉，overflow:hidden;

overflow:hidden; 的三个作用
1，清除嵌套元素外边距合并所带来的影响
2，清除浮动，
3，溢出的文本隐藏

4，省略号……
text_overflow: ellipsis
使用省略号有前提，1，空白处不换行
2，溢出的文本隐藏
3，省略号
（二） 元素的隐藏
1，display属性，
display：none 不显示
display：block 显示
特点 不占位置
并没有删除 只是隐藏

2，visibility 属性 能见性
visibility:hidden 隐藏
visibility:visible 能见的
特点 占位置
没有删除
3，opacity: 属性 能见度
opacity :0 能见度为0 隐藏
opacity :1 能见度为1 显示

4，多余的内容显示滚动条
overflow：scroll；不超出也显示滚动条
acto 超出显示 不超出不显示