css文本溢出隐藏

css限制文本溢出隐藏

1、单行显示省略号

{
    width:100px;
    white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis
}

 

2、多行显示省略号

{
    width:500px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 5;  //在第5行显示省略号 
}