css文字两行或者几行显示省略号

做这个省略的问题,突然发现显示省略号是有中英文区分的

我做两行的时候用的是以下代码,在是中文的情况下是么得问题,到了英文下发现不起作用了

            width: 250px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;  //这个代表你要在几行显示省略号
            -webkit-box-orient: vertical;        

原来是得加上  word-break: break-all;   加上这个的话 在中英文下都可以正常使用

 注意:只兼容

Chrome内核浏览器

posted @ 2019-08-23 15:00  敲代码的树先生  阅读(4073)  评论(0编辑  收藏  举报