小程序多行文本溢出省略号

Question

如下，求解为什么不能三行显示，超出省略号

<view class="privateFine_people_description">
    asdasdasdasasdadasdsadasddaadadadasdadadssadasdasdasdasasdadasdsadasddaadadadasdadadssadasdasdasdasasdadasdsadasddaadadadasdadadssad
</view>

.privateFine_people_description{
    width: 400rpx;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

Answer 1

-webkit-line-clamp: 2; 2显示2行

Answer 2

首先-webkit-line-clamp： 2改成-webkit-line-clamp： 3；
然后把你测试用的英文字母换成中文。

没有空格连接的英文字母被认为是一个完整的单词，默认不换行。
如果需要换行，添加word-break: break-all;

Answer 3

显示省略号需要：

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

配合起来才行