文本溢出

文本溢出 溢出属性（容器的）

overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;

visible:默认值，内容不会被修剪，会出现在元素框之外；
hidden：内容会被修剪，并且其余内容是不可见的；
scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;
auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;
inherit：规定应该从父元素继承overflow属性的值。

空白空间

white-space:normal/pre/nowrap/pre-wrap /pre-line /inherit

该属性用来设置如何处理元素内的空白；

pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。
nowrap:强制在同一行内显示所有文本，直到文本结束或者遭遇br对象；
normal：默认处理方式。
pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 (css2.1新增)
pre-line:保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 (css2.1新增)
inherit：规定应该从父元素继承White-space属性的值；(ie浏览器都不支持此属性值)

文本溢出

text-overflow: clip  /  ellipsis

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

说明：
text-overflow属性仅是：当文本溢出时是否显示省略标记，并不具备其它的样式属性定义，要实现溢出时产生省略号的效果还需定义：
1、容器宽度：width：value；（px、%，都可以）
2、强制文本在一行内显示:white-space：nowrap;
3、溢出内容为隐藏：overflow：hidden；
4、溢出文本显示省略号： text-overflow：ellipsis;

扩展内容:多行文本出现省略号
1、 WebKit浏览器或移动端的扩展CSS，只对Webkit有效
2、 JavaScript 方案
3、 :after选择器 p:after {content:”…”;}