通过使用 position: sticky 配合 left: 0; right: 0; text-align: center，可以让元素在父容器中随着视口缩放始终保持动态水平居中，并且在横向滚动时持续固定在当前可视区域中央，兼顾响应式布局、自适应缩放与滚动同步显示等需求。

借助 position: sticky 搭配 left: 0; right: 0; text-align: center，可以让信息提示栏在父容器内随页面缩放自动居中，同时在表格发生横向滚动时依然稳定停留在可视区域的中间位置。这种方式非常适合实现响应式表格中的提示信息居中显示效果。

如果你想实现一个始终水平居中的提示栏（例如 “No Results Found”），并且需要满足以下要求：

• 始终显示在表格容器的可视范围内，不会被横向滚动条或内容遮挡；
• 当用户通过 Ctrl + 鼠标滚轮或 Ctrl + +/- 缩放页面时，提示栏依旧保持居中；
• 在左右滚动表格内容时，提示信息仍固定在当前可视窗口中央，而不是跟随表格内容一起偏移；
• 能够适配任意宽度的表格，无需写死诸如 left: 150px 这样的固定偏移值；

position: sticky 就是一个简洁、高效、语义清晰且浏览器原生支持的 CSS 解决方案。

✅ 正确实现方式

核心做法是把 .infoDiv 设置为 sticky，再通过 left: 0; right: 0 触发其水平定位特性，并结合 text-align: center 实现文本内容居中：

.tableWrapper {
position: relative; /* 为 sticky 提供最近的定位上下文（非必需但推荐） */
overflow-x: auto;
width: 400px;
height: 100px;
}

.infoDiv2 {
position: sticky;
left: 0;
right: 0;
text-align: center;
padding: 8px;
background: #f8f9fa;
border-top: 1px solid #dee2e6;
font-size: 14px;
color: #6c757d;
}

? 原理说明：
position: sticky 元素在初始状态下会保留在正常文档流中，按照常规布局进行渲染；当页面或容器滚动到指定阈值后（该阈值由 top/left/right/bottom 控制），它就会在最近的滚动祖先元素边界内“吸附”并保持位置不变。这里同时设置 left: 0; right: 0，本质上是让元素始终尽可能占据父容器可用的水平空间；再配合 text-align: center，提示文字就能自然处于正中间。更重要的是，sticky 的定位会参考当前视口（viewport）的可视区域，因此：

• 页面缩放时：浏览器会重新计算布局，left: 0; right: 0 会自动匹配缩放后的宽度，确保提示栏继续保持居中；
• 横向滚动时：元素会贴附在当前可视区域中，不会随着表格主体内容一起移动，因此始终位于用户正在查看的水平中心位置。

⚠️ 注意事项

• ✅ 父容器需要有明确宽度（例如示例中的 width: 400px），否则 sticky 的 left/right 定位行为可能不稳定；如果宽度是动态的（如 max-width: 100%），建议通过 width: fit-content 或 inline-block 包裹表格，以确保 .tableWrapper 的宽度由实际内容撑开。
• ✅ .infoDiv2 必须紧跟在 后面，并放置于同一个 .tableWrapper 中，不能脱离当前滚动上下文，否则 sticky 无法按预期工作。
  ❌ 不建议额外设置 top 或 bottom（除非你还需要垂直方向吸附效果），否则可能影响当前的水平居中逻辑。
  ? 兼容性方面：现代浏览器如 Chrome 56+、Firefox 59+、Safari 13.1+、Edge 16+ 均已支持；仅旧版 Safari 可能需要补充 -webkit-sticky 前缀，但在当前环境下通常可以忽略。

  ? 进阶优化（多表格复用）

  如果页面中有多个宽度不同的表格，可以将这套样式封装成通用 CSS 类，便于统一维护与重复使用：

  .sticky-center-bar {
  position: sticky;
  left: 0;
  right: 0;
  text-align: center;
  padding: 6px 12px;
  font-size: 0.875rem;
  background: #f1f3f5;
  color: #495057;
  }

  然后在 HTML 中统一调用：

  ...

  No Results Found

  这个方案不依赖 JavaScript，不会带来额外重排开销，完全基于声明式 CSS 即可实现，是解决“页面缩放 + 横向滚动时信息提示栏始终水平居中”问题的高质量前端实现方式。