如何让span标签内的文本实现自动换行？

你当前的代码已设置了display: block和width，但受Angular Material组件默认样式影响，换行未生效，可通过以下调整解决：

1. 增强CSS换行规则 #

给.combobox补充强制换行的属性，覆盖默认样式并支持各类文本场景：

.combobox {
  background-color: red;
  width: 100px;
  border: 1px solid black;
  display: block;
  /* 新增属性确保换行生效 */
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
}

2. 限制下拉菜单宽度 #

Angular Material的md-autocomplete下拉面板默认会自适应内容，需给其设置最大宽度，匹配span的限定宽度：

md-autocomplete md-autocomplete-wrap md-menu-content {
  max-width: 100px;
}

3. 处理连续无空格文本 #

如果绑定的item.DescricaoComSigla是无空格的长串文本，word-break: break-all会强制打断文本实现换行，确保内容不会超出容器。

内容的提问来源于stack exchange，提问作者S_A