uniapp 小程序 横向列表滚动居中

要实现横向列表滚动居中，可以使用 `scroll-view` 组件，同时需要将列表项设置为 `display: inline-block` 或者 `display: inline-flex`，然后再通过设置 `text-align: center` 来实现居中对齐。

以下是一个示例：

<scroll-view scroll-x style="white-space: nowrap; text-align: center;">
  <div style="display: inline-block; margin-right: 20px;">列表项1</div>
  <div style="display: inline-block; margin-right: 20px;">列表项2</div>
  <div style="display: inline-block; margin-right: 20px;">列表项3</div>
  <div style="display: inline-block; margin-right: 20px;">列表项4</div>
</scroll-view>

在这个示例中，`scroll-view` 设置了 `scroll-x` 属性来实现横向滚动，同时设置了 `white-space: nowrap` 属性来让列表项不换行。每个列表项使用 `display: inline-block` 属性来让它们在同一行显示，并通过设置 `margin-right` 来制定它们之间的间距。最后，通过设置 `text-align: center` 来让列表项居中对齐。