1. 单行文本超出 overflow: hidden; white-space: nowrap; //文本不换行 text-overflow:ellipsis; //超出文本部分用省略号表示 2. 多行文本超出 text-overflow: ellipsis; // 超出的文本用=省略号表示 display: -webkit-box; //将对象作为弹性伸缩盒子模型显示 -webkit-line-clamp: 8; // 在第几行显示省略号 -webkit-box-orient: vertical; //从上到下垂直排列子元素