css中background-clip 和 文字省略配合一块使用实现文字渐变,会导致省略号没有展示
.series-des {
margin-top: 20rpx;
padding: 0 20rpx;
font-weight: 500;
font-size: 40rpx;
line-height: 48rpx;
background: linear-gradient(to right, rgba(255, 232, 198, 1), rgba(255, 182, 73, 1));
background-clip: text;
-webkit-background-clip: text; /* stylelint-disable-line*/
color: transparent;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} 使用如上css代码,当文字超长需要展示省略号时, IOS真机上,省略号会不见了。 但是在安卓机上正常。 IOS真机展示:[图片] 安卓机上展示效果[图片]