在CSS中，要实现内容超出容器时自动换行，通常需要使用一些特定的属性来控制。以下是一些常见的情况和解决方案：

1. 文本内容超出换行

对于文本内容，你可以通过设置white-space和word-break属性来控制文本的换行行为。

.container {
  width: 200px; /* 容器宽度 */
  white-space: normal; /* 默认。空白会被浏览器忽略。 */
  word-break: break-all; /* 允许在单词内换行 */
}

2. 表格内容超出换行

对于表格单元格内容超出的情况，可以通过设置table-layout属性为fixed，并给单元格设置overflow-wrap属性。

table {
  width: 100%;
  table-layout: fixed; /* 表格布局算法 */
}

td {
  overflow-wrap: break-word; /* 允许长单词或 URL 地址换行到下一行 */
}

3. 容器内元素超出换行

如果容器内包含的是块级元素或行内块级元素，并希望它们在超出容器宽度时自动换行，可以设置容器的display属性为flex，并使用flex-wrap属性来控制换行。

.container {
  display: flex;
  flex-wrap: wrap; /* 允许子元素换行 */
}

通过以上方法，你可以控制不同情况下内容的换行行为。根据实际需要选择合适的CSS属性来实现你的布局需求。