a标签内容超出以后隐藏并且显示省略点

a标签内容超出以后隐藏并且显示省略点

/*一行*/
a {
    display: block;
    /*超出隐藏*/
    overflow: hidden;
    /*禁止换行*/
    white-space: nowrap;
    /*超出用省略号代替*/
    text-overflow: ellipsis;

}
 

/*两行超出隐藏*/

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