CSS文字过多设置省略号

p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; //行数
    overflow: hidden;
}

 一行省略号

.oneLineEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

 

posted @ 2021-11-23 17:08  Bob.Xie  阅读(117)  评论(0编辑  收藏  举报