如何让弹窗溢出时面包屑文本自动换行（无需滚动）

当前面包屑采用滚动式文本溢出处理，希望实现溢出文本自动换行的效果，可通过调整CSS属性实现：

问题根源 #

你当前的CSS代码中，white-space: nowrap;强制文本保持单行不换行，text-overflow: ellipsis;让溢出文本显示省略号，这两个属性直接阻止了文本自动换行。

调整后的CSS代码 #

.breadcrumb-css {
    width: 8em;
    word-break: break-all;
    overflow: hidden;
    display: inline-block;
    white-space: normal; /* 允许文本自动换行 */
    /* 移除text-overflow: ellipsis; 不再显示省略号 */
}

核心修改说明 #

• 移除white-space: nowrap;并设置为white-space: normal;：解除单行限制，让文本在宽度不足时自动换行
• 删除text-overflow: ellipsis;：不需要再用省略号截断溢出内容，改为换行展示

调整后，面包屑文本会在超出8em宽度时自动换行，达到预期的显示效果。

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