微信小程序实现 text 溢出，用....代替。

小蔚

发布于 2020-06-19 17:04:51

1.2K0

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

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-06-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

width

博客

程序

微信小程序实现 text 溢出，用....代替。

微信小程序实现 text 溢出，用....代替。

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐