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

1
2
3
4
5
6
7
8
9
10
11
12
13
*{
margin:0;
padding:0;
}

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

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

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