内容超出部分用省略号显示

<!-- html -->
<div class="demo">
　　内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>

一、div内显示一行，超出部分用省略号显示：

.demo{
　　width: 100px;
　　height: 20px;
　　white-space: nowrap;
　　overflow: hidden;
　　text-overflow: ellipsis;
}   

 

二、div内显示多行，超出部分用省略号显示：

 

.demo{
   width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}