1. 只显示单行文本,多余文本使用...代替
1 white-space: nowrap; 2 overflow: hidden; 3 text-overflow: ellipsis;
2. 显示多行文本,多余文本使用...代替
1 display: -webkit-box; 2 overflow: hidden; 3 -webkit-box-orient: vertical; 4 -webkit-line-clamp: 2;/*控制可显示几行文本*/
1. 只显示单行文本,多余文本使用...代替
1 white-space: nowrap; 2 overflow: hidden; 3 text-overflow: ellipsis;
2. 显示多行文本,多余文本使用...代替
1 display: -webkit-box; 2 overflow: hidden; 3 -webkit-box-orient: vertical; 4 -webkit-line-clamp: 2;/*控制可显示几行文本*/