在网页中显示文字内容时，经常会碰到文字内容特别长的情况，那么这个时候为了使网页看起来比较美观和简洁，会对内容进行处理。下面我们就来看一看，如何使用css来对文字溢出部分增加...
- 容器宽度：width：value
- 强制文本在一行内显示：white-space：nowrap
- 溢出内容为隐藏：overflow：hidden
- 溢出省略号：text-overflow：ellipsis
溢出属性【overflow】
visible:默认值，内容不会被修剪，会呈现在元素框之外
hidden：内容会被修剪，并且其余内容是不可见的
scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容
auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其它的内容（超出会显示，不超出不显示，只显示y方向的）
inherit：规定应该从父元素继承overflow属性值
空余空间【white-space】
normal：默认值，空白会被浏览器忽略
nowwrap：文本不会换行，文本会在同一行上继续，直到遇到标签为止
pre：空白会被浏览器保留，其行为方式类似HTML中的pre标签；
pre-wrap：保留空白序列，但是保留换行符
inherit：规定应该从父元素继承white-space属性值；（ie浏览器不支持此属性）
省略号显示【text-overflow】
clip：不显示省略号（...），而是简单的裁切
ellipsis：当对象文本溢出时，显示省略标记
说明：
text-overflow属性仅仅是...，当行文本溢出时是否显示省略标记，
并不具备其他的样式属性定义，
要实现溢出时产生省略号的效果还需要定义.
当然部分浏览器还需要加宽度width属性
单行：
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行：
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
