CSS文字过多显示省略号

CSS文字过多显示省略号

/*-webkit-line-clamp用来限制在一个块元素显示的文本的行数*/
.dot1{
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/*不支持多行文本溢出显示省略号*/
.dot2{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}