换行的几种方式
1.需要固定宽度 .ellipsis{ width: 300px; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/ } 原文链接:https://blog.csdn.net/a1057962851/article/details/84144365 2.不需要固定宽度 .ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /* * 注:若出现英文时,应多加word-break: break-all;解决英文问题 */