换行的几种方式

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;解决英文问题
*/