求助：PrimeNG Splitter无法调整含长文本OrderList的面板宽度

要解决PrimeNG Splitter内嵌OrderList时无法缩小面板的问题，核心是让OrderList的内容不再撑开父容器，同时实现文本自动截断。具体步骤如下：

1. 解除Splitter面板的最小宽度限制 #

Splitter面板默认会继承内容的最小宽度，导致无法缩小到文本宽度以下。添加CSS让面板允许收缩到任意宽度：

.p-splitter-panel {
  min-width: 0;
}

2. 给OrderList列表项设置完整的文本截断样式 #

仅使用text-overflow: ellipsis无法实现完整截断，需要配合其他属性，同时确保OrderList容器本身也允许收缩：

/* 让OrderList容器允许收缩 */
.p-orderlist {
  min-width: 0;
}

/* 给列表项添加文本截断效果 */
.p-orderlist .p-orderlist-list .p-orderlist-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

原理说明 #

• min-width: 0 解除了容器的最小宽度约束，让Splitter可以自由调整面板宽度，不再受内容自身宽度限制。
• white-space: nowrap 强制文本不换行，overflow: hidden 隐藏超出容器的部分，text-overflow: ellipsis 显示省略号，三者配合才能实现超长文本的自动截断。

设置完成后，Splitter面板即可随意缩小，OrderList内的超长文本会自动截断并显示省略号。

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