微信小程序实现 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; /* 追加这一行代码 */
}

 

posted @ 2020-06-17 17:02  蔚京霖  阅读(694)  评论(1编辑  收藏  举报