10 文本省略号

10.1 单行文本出现省略号必备的条件（面试题）

*{
    margin:0;
  padding:0;
}
h2:{
    width:600px;
  height:30px;
  /*单行文本出现省略好必备的条件*/
  overflow:hidden;/*溢出隐藏*/
  white-space:nowrap;/*强制文字不折行*/
  text-overflow:ellipsis;/*文字隐藏的方式:以省略号的方式隐藏*/
}

10.2 多行文本出现省略号必备的条件（面试题）

h2{
    width:600px;/*宽度*/
  display:-webkit-box;/*弹性盒子模型*/
  -webkit-line-orient:vertical;/*规定元素的排行方式:垂直排序*/
  -webkit-line-clamp:2;/*文字的行数 需要显示几行 值就写几行*/
  overflow:hidden;/*溢出隐藏*/
}