css文字宽度 超出部分显示省略号（...）

通常情况下，文本超出是宽度后会自动换行。但是特定情况下不需要文本换行。

所以按照以下css样式即可解决问题！

单行超出显示省略号

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

多行文本显示省略号

width: 100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;