一、单行省略 1<div class="elip w100" style="border: 1px solid #5184f6;"> 2 两个黄鹂鸣翠柳，一行白鹭上青天。窗含西岭千秋雪，门泊东吴万里船。 3</div> 1/* 单行文本溢出省略 */ 2.elip { 3 overflow: hidden; /* 隐藏溢出内容 */ 4 white-space: nowrap; /* 不换行，强制文本在一行显示 */ 5 text-overflow: ellipsis; /* 溢出的部分进行省略 */ 6} 7.w100 { 8 /* 设置宽度，一定不要忘了 */ 9 …