.one-row{ width: 100%; /*注意一定要有宽度*/ overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/ text-overflow:ellipsis;/* 支持 IE */ } .two-row{ width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; // 注意这个文字多行很重要 -webkit-box-orient: vertical; }