请求设置Filepond列表项单行不换行并支持横向滚动

要实现filepond-list下的列表项单行不换行、超出宽度时横向滚动的效果，你需要针对列表容器和列表项的核心布局样式进行覆盖，而非仅调整预览组件的CSS。以下是可行的解决方案：

/* 调整列表容器为横向弹性布局，禁止换行，开启横向滚动 */
.filepond--list {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  /* 可选：调整内边距优化滚动区域视觉 */
  padding: 0.5em 0 !important;
  /* 可选：设置列表项间距 */
  gap: 0.5em !important;
}

/* 禁止列表项被压缩，保持自身宽度 */
.filepond--item {
  flex-shrink: 0 !important;
}

/* 可选：自定义横向滚动条样式 */
.filepond--list::-webkit-scrollbar {
  height: 6px;
}

.filepond--list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

补充说明 #

• 用!important是为了确保自定义样式优先级高于FilePond默认样式，若你的选择器权重足够（比如给父容器加自定义类名，用.your-custom-class .filepond--list这类选择器），也可以去掉!important。
• 之前仅调整preview包CSS无效，是因为列表的布局控制核心在filepond--list和filepond--item这两个类上，而非预览组件的样式。

内容的提问来源于stack exchange，提问作者Sanh Đặng