在CSS中，当文本内容超出指定的容器宽度时，可以使用overflow属性来处理。但是，如果您希望省略号在超过容器宽度时显示，则需要使用一些额外的CSS属性和技巧。

首先，确保容器元素具有固定宽度或最大宽度设置。这可以通过设置width或max-width属性来实现。例如，我们将容器的宽度设置为300px：

```.container{width:300px;}```

接下来，将容器元素的空白限制为单行。这可以通过使用设置为nowrap的空白属性来实现。这将强制文本内容显示在一行上而不换行：

``.container{white-space:nowrap;}```

然后，使用text-overflow属性定义文本溢出时的行为。对于省略号，我们可以将其设置为省略号：

```.container{text-overflow:省略号；}```

但请注意，如果没有设置overflow或clip属性，text-overflow将不会生效。因此，我们需要通过将overflow属性设置为hidden来显式指定是否应该截断并隐藏溢出内容：

```.container{Overflow:隐藏；}```

最后，为了确保省略号正确显示，我们还需要为容器元素设置明确的高度。可以使用height属性来设置，或者使用padding或者margin加box-sizing:border-box来增加容器的高度。

根据上面的CSS属性设置，当文本内容超过容器的宽度时，会自动显示省略号，不会自动换行，也不影响其他布局。

需要注意的是，该方法只适用于单行文本的省略显示，并且只有在容器宽度固定或者设置了最大宽度的情况下才起作用。对于多行文本的省略显示，CSS没有提供直接的属性，需要用JavaScript或者其他插件来实现。

希望以上的解释能够对您有所帮助。如果还有疑问，请继续提问。