文字溢出换行或者省略号

文字溢出换行

单行溢出换行，多行溢出换行

因为这几个样式老是忘，故记载。

以下的样式是建立在宽度固定的情况下，且不是table表格。（table表格下的处理只要给table加这个样式   table-layout: fixed; 即可）

换行: 

white-space: normal;

英文绝对换行：

word-wrap: break-word; //自动换行 如果没有空格则不换行

word-break: break-all;   //强制绝对换行，绝对不溢出

单行溢出显示省略号：

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

超过三行溢出，溢出部分显示省略号：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //若想2行就写2，想5行就写5
overflow: hidden;