css设置文本超出范围隐藏

1. 单行文本

  display: block;  //设置成块状元素 
  white-space: nowrap;  //设置段落内文本不换行
  overflow: hidden;  //设置内容溢出时，对溢出部分的操作  hidden--隐藏
  text-overflow: ellipsis;  //文本溢出时，对溢出文本的操作， ellipsis--省略号  

2.多行文本

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical; /*设置对齐模式  vertical--垂直*/
  -webkit-line-clamp: 2; /*设置多行的行数*/