那为什么不扩展时也显示了

非常抱歉，之前的回答有误。根据你提供的 CSS 代码，文字应该始终显示，无论菜单容器是否扩展。以下是你提供的 CSS 代码：

#menu-container {
    display: flex;
    align-items: center;
    width: 5%; /* 默认宽度 */
    transition: width 0.5s ease;
}

#menu-container.expanded {
    width: 15%; /* 扩展宽度 */
}

.icon {
    margin-right: 5px; /* 图标与文字之间的间距 */
}

.text {
    display: inline; /* 始终显示文字 */
}

根据这段代码，`.text` 类的样式被设置为 `display: inline;`，这意味着文字应该始终显示，无论菜单栏是否被扩展。

如果你仍然遇到问题，可能是由于其他代码或样式的干扰导致。请检查其他可能影响文字显示的 CSS 规则，并确保没有重复的样式或冲突的选择器。另外，也请确保 HTML 结构正确，并且 `.text` 类被正确应用到文字元素上。

希望这次能够解决你的问题。如果还有其他疑问，请随时提问。