CSS笔记-文本缩略显示

• 单行文本缩略显示：

p{
  text-overflow：ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

• 多行文本缩略显示：

//仅限webkit使用
p{
    display:-webkit-box;
    -webkit-box-orient:verticle;
    -webkit-line-clamp:3;
    overflow:hidden;
}

p{
  position:relative;
  overflow:hidden;
  line-height:20px;
  max-height:40px;  
}
p::after{
  content:'...';
  position:absolute;
  right:0px;
  bottom:0px;  
}

 

转载于:https://www.cnblogs.com/threeron/p/7283523.html