css 多行内容展示固定行

<!--html-->

<div class="block">

　　<div class="block-content">

　　　　<p>

　　　　　　卡耐基对微笑有这样的描述：“它在家中产生，他不能买，不能求，不能借，不能偷，因为在人们得到它之前，对谁都是无用的东西，他给予后人之后，会使你得到别人的好感，它是疲倦　　　　　　　　者的休息，希望的阳光，悲哀者的力量，又是大自然免费赋予人们的一种解除苦难的良药。”

　　　　</p>

　　</div>

</div>

方法一 css：
<!--css-->

.block {

　　width: 400px;

　　background-color: #fff;

}

.block-content {

　　display: -webkit-box;

　　-webkit-line-clamp: 2;

　　-webkit-box-orient: vertical;

　　text-align: justify;

　　overflow: hidden;

}
方法二 js：
展示固定个数的内容超过之后直接截取
let str = "卡耐基对微笑有这样的描述：“它在家中产生，他不能买，不能求，不能借，不能偷，因为在人们得到它之前，对谁都是无用的东西，他给予后人之后，会使你得到别人的好感，它是疲倦　　　　　　　　者的休息，希望的阳光，悲哀者的力量，又是大自然免费赋予人们的一种解除苦难的良药。”"
let  targetStr = str.slice(0,15) + "..."
console.log('截取后的',targetStr)