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