css 如何不固定宽度，但字体超出容器长度以后出现省略号

可以使用CSS的`text-overflow`属性来实现文本超出容器长度时显示省略号。同时，需要将容器的宽度设置为`auto`或者一个相对值，例如百分比等。

下面是一个实现的例子：

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies augue vel mi maximus, a consequat tellus hendrerit.
</div>

.container {
  width: 80%; /* 容器宽度为80% */
  overflow: hidden; /* 超出部分隐藏 */
  white-space: nowrap; /* 不允许换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

这样，当容器中的文本超出了80%的宽度时，就会显示省略号。