微信小程序丨将溢出的文本用省略号代替的方法

先说些题外话吧，最近在尝试着写微信小程序，遇见了各式各样令人头秃的问题，果然还是要找一个空闲的时间系统地将html、css、js系统地学一遍吧，要不程序结构真是乱，自己都有点看不下去…

下面进入正题，有关于将溢出的文本用省略号代替的方法，不知道什么原因，我的程序用传统的代码 无法解决：

.text{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在网上找了一些解决方法，比如设置一下width都不行，最后在一篇博客上找到了解决方法：

 .text-deal{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; /* 追加这一行代码 */
}

修改后的效果如图：

最后还是要感慨一下，等暑假就回去系统地学一遍，半路出家真不行qwq