美文网首页
css 样式省略号异常问题

css 样式省略号异常问题

作者: Cocoa_Coder | 来源:发表于2019-12-30 14:53 被阅读0次

    在手机上做省略号效果时,遇到一个非常奇怪问题,一开始以为是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

    相关文章

      网友评论

          本文标题:css 样式省略号异常问题

          本文链接:https://www.haomeiwen.com/subject/growictx.html