div css 不换行省略号

当使用CSS控制`<div>`元素内容换行并在文本溢出时显示省略号，可以借助CSS的`white-space`, `overflow`, 和 `text-overflow` 属性。具体步骤如下：

1. 首先，设置`white-space`属性为`nowrap`，这会让文本保持在同一行内，不会自动换行。

   .no-wrap-div {
       white-space: nowrap;
   }

2. 然后，如果内容确实超过容器宽度，添加`overflow`属性为`hidden`，隐藏超出的部分。

   .no-wrap-div {
       overflow: hidden;
   }

3. 最后，使用`text-overflow`属性指定文本溢出后的处理方式，通常是显示省略号（"..."），同时需要设置一个占位符长度，如`ellipsis`或`clip`。

   .no-wrap-div {
       text-overflow: ellipsis; /* 或者 text-overflow: clip; */
   }

结合以上样式，你的`.no-wrap-div`将会保留单行显示，并在内容溢出时显示省略号。