文本溢出隐藏

1，单行文本：

用css3处理文字溢出必须具备四个条件

盒子必须有固定的宽度        width：300px;

设置文字不换行              white-space: nowrap;

溢出隐藏                    overflow：hidden

加上css3 的 文字溢出 样式   text-overflow: ellipsis;

2，多行文本：

word-break;break-all;          /** 超出容器换行 区别于 word-wrap:break-word **/

text-overflow: ellipsis;       /** 文字溢出 样式  **/

display: -webkit-box;          /** 对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical;  /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 3;         /** 显示的行数 **/

overflow: hidden;              /** 隐藏超出的内容 **/

---end.