一、单行文本溢出
<div>Dream what you want to dream;go where you want to go</div>
<style>
div{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
}
</style>
二、多行文本溢出
<div>Dream what you want to dream;go where you want to go</div>
<style>
div{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 200px;
}
</style>