css未知宽度文字超出一行显示...

CSS中，当文本内容的宽度超过了其容器的宽度，并且设置了`white-space: nowrap;`使得文本不会换行，通常会使用`text-overflow`属性来处理这种情况。常见的值有：

1. `text-overflow: ellipsis;`：如果内容溢出，会在省略标记（通常是三个点 "..."）后隐藏剩余的内容。这是最常见的做法，让用户知道还有更多未展示的文字。

2. `text-overflow: clip;`：直接截断超出的部分，不留痕迹，但这种方式可能会导致部分内容丢失。

3. `text-overflow: clip; display: -webkit-box; -webkit-line-clamp: n; -webkit-box-orient: vertical;` (适用于Webkit浏览器)：可以限制每一行的最大行数（`-webkit-line-clamp`），超过部分会被剪切。

4. 使用CSS Grid或Flexbox布局，通过设置合适的容器尺寸和对齐方式，可以控制文本如何在有限的空间内排列。

为了达到预期效果，你需要结合`width`, `overflow`, 和上述其中一个或多个属性一起使用。例如：

.container {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}