如何设置文字超出隐藏并显示为...

div {
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  width:100px;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}

1. 先定义为盒子模型
   display:-webkit-box;
2. 显示省略符号来代表被修剪的文本
   text-overflow:ellipsis;
3. 内容会被修剪，并且其余内容是不可见的
   overflow:hidden;
4. 设置宽度
   width:100px;
5. 限制一个块元素显示的文本行数
   -webkit-line-clamp: 2;
6. 从上向下垂直排列子元素
   -webkit-box-orient:vertical;

效果图如下：