css文本溢出裁剪

单行文本超出

<p class="single">
        我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多
        我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多
</p>

.single {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border: 1px solid lightcoral;
        }

如图：

---

多行文本超出

 <p class="multy">
        我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多
 </p>

.multy {
            display: -webkit-box;
            -webkit-line-clamp: 3;  //需要裁剪的行数
            -webkit-box-orient: vertical;
            overflow: hidden;
            border: 1px solid lightslategray;
        }

如图: