文字溢出处理
单行
1
2
3
|
overflow:hidden
white-space:nowrap;
text-overflow:ellipsis;
|
多行 -webkit-line-clamp设置行数
1
2
3
4
5
|
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
|
文字渐变填充
1
2
3
|
background-image:-webkit-linear-gradient(top, #bc2f08,#d75d10,#de6912);
-webkit-background-clip:text; // 用背景色填充
-webkit-text-fill-color:transparent;
|