01-overflow和继承

overflow ： 决定溢出容器的部分是否展示
visible 默认
hidden 溢出部分进行隐藏
scroll 强制出现滚动条
auto 根据内容判断是否出现滚动条
overflow-x 水平方向如何展示
overflow-y 垂直方向如何展示

  1. inherit 主动继承<br />            主动继承父元素的属性

02-单行文本溢出展示省略号

  1. 1. 容器必须有宽高<br />    2. <br />white-space 对空白空间(空格 回车)处理<br />                normal 默认 多余的空格和回车转为一个空格<br />                pre  保留所有的空格和回车<br />                pre-wrap  基于pre的基础进行换行<br />                pre-line  基于pre-wrap 的基础上只保留一个空格<br />                nowrap 文本不换行<br />    text-overflow: 单行文本溢出是否展示省略号<br />                    clip 默认 不展示<br />                    ellipsis 展示省略号<br />    单行文本溢出展示省略号<br />    1. 元素必须有宽高<br />    2. <br />        文本不换行<br />        white-space: nowrap<br />        溢出裁剪<br />        overflow: hidden<br />        单行文本溢出展示省略号<br />        text-overflow: ellipsis