css 第二行文字隐藏显示省略号 但是 数字或者字母就不行 求助

Question

overflow: hidden;
text-overflow: ellipsis; //显示省略号
display: -webkit-box;
-webkit-line-clamp: 2; //块元素显示的文本行数
-webkit-box-orient: vertical;

自己试了一下把1111 或者 lalala 换成文字就可以第二行超出省略号隐藏 就是字母或者数字不可以

Answer 1

由于浏览器认为你写的是一个连贯的单词, 所以不会强制换行,你需要自己加上属性, 告诉浏览器这个不按单词处理
元素加上即可

word-wrap:break-word

张鑫旭的书里也有说过, 多看书就懂了