overflow：scroll。（无论div中的内容是否溢出，都会出现滚动条框）
2、使用滚动条来隐藏溢出的内容。
overflow：hidden。（div中溢出的部分呗隐藏）
3、设置浏览器自动处理溢出内容。
overflow：auto。 （当div的内容没有溢出的时候显示正常状况，当溢出后自动为其加上滚动条）
一般的文字截断（适用于内联与块）：.text-overflow {display:block/*内联对象需加*/width:31em/*指定宽度*/word-break:keep-all/* 不换行 */
white-space:nowrap/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* IE 专有属性，当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/}对于表格文字溢出的定义：table{width:30em
table-layout:fixed/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */}td{width:100%
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/}需要注意的是，这个东东只对单行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。
首先我们写一个div，div里就是一段文字。
然后写一些css样式，关键部分是指定div的宽度，如图的样式代码
刷新页面，可以看到我们的文字在超长的时候，显示在div的外面了。
这时就要用到我们的overflow:hidden样式了。该样式就是为了避免超长时，显示内容溢出的，在样式里添加上这个。
再次刷新页面，可以看到现在超出的文字已经被隐藏掉了。
