文本溢出盒模型（溢出属性、空余空间、文本溢出、单行文本超出容器宽度显示省略号的写法）

**

溢出属性（容器的）

**
overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;
visible: 默认值，
hidden：溢出容器的部分会隐藏；
scroll：强制出现滚动条，如果有溢出，滚动条可以滚动，显示隐藏的部分;
auto：如果内容有溢出会显示滚动条，如果没有溢出就不显示滚动条；
inherit：从父元素继承overflow属性的值。

空余空间

white-space：normal/pre/nowrap/pre-wrap /pre-line /inherit
该属性用来设置如何处理元素内的空白；
normal：默认值，空白会被浏览器忽略，
pre：空白会被浏览器保留，其行为方式类似HTML中的pre标签；
nowrap: 文本不会换行，文本会在同一行上继续，直到遇到
标签为止；
pre-wrap：保留空白符序列，但是正常的进行换行；
pre-line:合并空白符序列，但是保留换行符；
inherit：规定应该从父元素继承White-space属性的值；(ie浏览器不支持此属性值)
**

文本溢出:text-overflow:clip/ellipsis

**
取值：
clip：不显示省略号（…），而是简单的裁切;
ellipsis：当对象内文本溢出时，显示省略标记；
**

单行文本溢出显示省略号的写法

**
1、容器宽度：width：value；
2、强制文本在一行内显示:white-space：nowrap;
3、溢出内容为隐藏：overflow：hidden；
4、溢出文本显示省略号：text-overflow：ellipsis;