通常情况下,文本超出是宽度后会自动换行。但是特定情况下不需要文本换行。
所以按照以下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;