CSS字体过长显示省略号 ...

通常字体过长时需要显示省略号   ...
 

<div>字体过长时显示省略号的几种方法</div>

div{
   overflow:hidden;//隐藏文字
   text-overflow:ellipsis;//显示 ...
   white-space:nowrap;//不换行
   width:100px;
}

 

但如果想在第二行或者其他行显示省略号,而非第一行,则:

div{
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;//在第几行显示...
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width:100px;
}