css 样式省略号异常问题

在手机上做省略号效果时,遇到一个非常奇怪问题,一开始以为是Safari兼容问题,后来发现不是
样式是这样的,但是效果很不理想

{
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

IMG_66F492E6C967-1.jpeg

之后费功夫查找样式,发现body中存在 text-align:justify;样式!!

解决方法 : 检查控件是否受text-align:justify;影响,有则覆盖掉

加上text-align:left;好了

IMG_932D51FCD5A4-1.jpeg