文字超出隐藏不换行并显示省略号

.ellipsis-box {
  width: 200px; /* 设置盒子的宽度 */
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 超出隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  border: 1px solid #ccc; /* 可选：加边框方便查看效果 */
  padding: 10px; /* 可选：加内边距 */
}