针对某些需求,要求文本只展示一行,如果文字过多,最后以省略号结尾。
只需针对text标签进行如下设置即可:
.store-location{
width: 450rpx;
height: 36rpx;
overflow: hidden;//隐藏
white-space: nowrap;//不换行
text-overflow: ellipsis;//最后以...结尾
}
需要注意的是,需要设置固定的width,不能自适应。
针对某些需求,要求文本只展示一行,如果文字过多,最后以省略号结尾。
只需针对text标签进行如下设置即可:
.store-location{
width: 450rpx;
height: 36rpx;
overflow: hidden;//隐藏
white-space: nowrap;//不换行
text-overflow: ellipsis;//最后以...结尾
}
需要注意的是,需要设置固定的width,不能自适应。