SOURCE

<button>展开/收起</button>
<div class="box ellipsis">
    <p>
        这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试这是个测试
    </p>
</div>





<style>
    .box {
    border:1px solid red;
    width: 100px;
}

.ellipsis {
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
</style>

<script>
const btn = document.querySelector('button')
const box = document.querySelector('.box')

btn.addEventListener('click', () => {
    box.classList.toggle('ellipsis')
})
    </script>