先看下单行文本 white-space: nowrap; /*文本不换行*/ text-overflow: ellipsis; /*显示省略号*/ overflow: hidden;/*超出文本隐藏*/ 多行文本 overflow : hidden;/*超出文本隐藏*/ text-overflow: ellipsis;/*显示省略号*/ display: -webkit-box; -webkit-line-clamp: 2;/*这个数字就代表第多少行 文本隐藏*/ -webkit-box-orient: vertical;