微信小程序實現 text 溢出，用....代替。

下面進入正題，有關於將溢出的文本用省略號代替的方法，不知道什么原因，我的程序用傳統的代碼無法解決：

.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; /* 追加這一行代碼 */
}