uniapp文本过长省略或文本过长换行显示

最新推荐文章于 2024-08-12 15:37:36 发布

Vicentekw

最新推荐文章于 2024-08-12 15:37:36 发布

阅读量3.5k

点赞数 2

文章标签： css html html5

本文链接：https://blog.csdn.net/hkw20/article/details/120761156

版权

在这里插入图片描述

文本过长显示省略号，一般高度固定且不是auto

.plan_list_text{
        width: 400rpx;
        margin-top: 15rpx;
        color: #b0b0b0;
        font-size: 0.7em;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
}

文本过长换行显示，高度不固定

.plan_list_text {
        display:inline-block;
        width: 100%;
        height: auto;
        font-family: Gibson;
        font-size: 32rpx;
        word-break: break-all;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: pre-wrap;
}