微信小程序中文本实现单行且以省略号结尾

针对某些需求,要求文本只展示一行,如果文字过多,最后以省略号结尾。
只需针对text标签进行如下设置即可:

.store-location{
    width: 450rpx;
    height: 36rpx;
    overflow: hidden;//隐藏
    white-space: nowrap;//不换行
    text-overflow: ellipsis;//最后以...结尾
}

需要注意的是,需要设置固定的width,不能自适应。

猜你喜欢

转载自blog.csdn.net/Heijinbaitu/article/details/79807172