CSS文本溢出变点省略号

 包裹的文本的容器必须是块级元素不然会不生效

  display: block;

 

/* 单行文本溢出隐藏 省略号代替 */

  white-space: nowrap;   /* 不换行 */

  text-overflow: ellipsis; /* 溢出变省略号*/

  overflow: hidden;

 

 

  /* 多行文本溢出隐藏 省略号代替 */

  text-overflow: ellipsis;

  display: -webkit-box;

  overflow: hidden;

  -webkit-box-orient: vertical; /* 设置对齐模式 */

  -webkit-line-clamp: 2; /* 行数 */