css强制文本多行显示，超出显示省略号

 首先需要确保盒子是块级或者行内块，设置一个具体的宽度

1、强制文本一行显示

width: 200px; /* 设置宽度，可以根据实际情况调整 */
display: inline-block; /* 使span成为块级元素，以便设置宽度和溢出处理 */
white-space: nowrap; /* 防止文本换行 */
overflow: hidden; /* 隐藏溢出的内容 */
text-overflow: ellipsis; /* 显示省略号 */

 2、多行显示

  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2; /* 设置显示的行数 */
  text-overflow: ellipsis;