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


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

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

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

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

 注意:只兼容

Chrome内核浏览器


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM