省略号

一行文字显示省略号

.box1{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

两行文字显示省略号

.box2{text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

省略号

一行文字显示省略号

.box1{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

两行文字显示省略号

.box2{text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}