<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div1{
width: 300px;
overflow: hidden;//超出隱藏
text-overflow: ellipsis;//超出文本設置為...
display:-webkit-box;//將div1轉換為盒子模型
-webkit-line-clamp: 2;//設置div1的文本為2行
-webkit-box-orient: vertical;//從頂部向底部垂直布置子元素
/*white-space: initial;*/
}
</style>
</head>
<body>
<div class="div1">
偶爾會覺得，生活就是無休止的煩惱糾纏的總和。想要健健康康，卻總是身體不適；
想要安然入睡，卻總是失眠多夢；想要平靜度日，卻總是風波不止。每天都在堅持，每天都在隱忍，
然而，再堅強的心，也無法長期硬撐。本以為每天努力的微笑，就能換來一個明朗的晴空，
一切卻是徒勞無功。不想再虛假地笑了，也不會懦弱地哭了，那就這樣面無表情地保持着一顆淡然的素心，
默默前行吧。
</div>
</body>
</html>
注意：若在div1上還有父級，設置了white-space:nowrap;若想實現此效果需要在div1中加上white-space:initial;還原換行；