ios text-align:justify 和-webkit-line-clamp:2; 省略号显示与文字重合 怎么解决

在iOS中，当同时使用text-align: justify和-webkit-line-clamp:2时，可能会出现省略号与文字重合的问题。这是因为text-align: justify会导致文本末尾的空格被填充，造成省略号位置偏移。

为了解决这个问题，可以尝试以下两种方法：

1. 使用text-align: left代替text-align: justify：

text-align: left;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;

2. 使用text-overflow: ellipsis代替-webkit-line-clamp:2：

text-align: justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

以上两种方法都可以避免出现省略号与文字重合的问题。同时，需要注意的是，在使用-webkit-line-clamp属性时，需要将display属性设置为-webkit-box，以及设置-webkit-box-orient属性为vertical，才能使属性生效。