CSS截取截取字符长度并显示省略号的方法

<div class='title'>解决标题显示太长省略多余部分并加省略号的样式</div>

.title {

      display: block; /* 当前元素本身是inline的，因此需要设置成block模式 */

      white-space: nowrap; /* 因为设置了block，所以需要设置nowrap来确保不换行 */

      overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/

      text-overflow: ellipsis; /* 本功能的主要功臣，超出部分的剪裁方式 */

      -o-text-overflow: ellipsis; /* 特定浏览器前缀 */

      text-decoration: none; /* 无用 */

}