內容超出部分用省略號顯示

<!-- 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;
}