1.单行文本 .div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 2.多行文本 .div{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; //文本行数 overflow: hidden; text-overflow: ellipsis; }