如何防止我的表格随着滚动移动&如何保持它居中？

<div class="table-container">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

.table-container {
  width: 500px; /* 设置容器的宽度 */
  height: 300px; /* 设置容器的高度 */
  overflow: auto; /* 当表格内容超出容器尺寸时显示滚动条 */
  display: flex; /* 使用Flex布局 */
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
}