主要CSS样式:
overflow: hidden; white-space: nowrap;//规定段落中的文本不进行换行: text-overflow: ellipsis;//显示省略符号来代表被修剪的文本。-webkit-line-clamp: 2;//行数(2为第二行显示省略)
多行省略
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
主要CSS样式:
overflow: hidden; white-space: nowrap;//规定段落中的文本不进行换行: text-overflow: ellipsis;//显示省略符号来代表被修剪的文本。-webkit-line-clamp: 2;//行数(2为第二行显示省略)
多行省略
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;