超出宽度的字,变省略号
1.单行省略号
.p01{
width: 400px; /*1.必须有宽度否则无效*/
white-space:nowrap; /*2.文字必须强制不换行*/
overflow: hidden; /*3.此必须加否则无效*/
text-overflow: ellipsis; /*4文字超出显示省略号*/
}
2.多行省略号
width:200px;
height:24px; /*高度为2行调试*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; /*以下为webkit系兼容必须写法*/
-webkit-line-clamp: 2; /*在第2行显示省略号*/
-webkit-box-orient: vertical;