文本溢出用省略号显示

文本溢出，分为单行文本溢出以及多行文本溢出，

单行文本溢出css代码如下：

p{
   overflow: hidden;//超出部分隐藏；
   white-space: nowrap;//强制不换行；
   text-overflow:ellipsis;//超出部分用省略号显示；
}

 

 多行文本溢出css代码如下：

div{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

效果图如下：