我有一个table，比较宽，在手机端不展示，需要使用css可以滑动展示

要在手机端展示一个宽表格并能够通过滑动查看隐藏部分，你可以使用CSS的overflow-x属性和overflow-y属性来实现。

<style>
  .table-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* 为iOS设备添加平滑滚动效果 */
  }

  .table-container table {
    width: 100%;
  }
</style>

<div class="table-container">
  <table>
    <!-- 在这里添加表格内容 -->
  </table>
</div>

在上面的示例中，我们使用了一个包含类名为 .table-container 的 div 元素来包裹表格。通过设置 .table-container 的 overflow-x 属性为 auto，我们允许横向滚动，当表格内容超出容器宽度时，会出现水平滚动条。

我们还设置了 .table-container 的 overflow-y 属性为 hidden，以隐藏纵向滚动条。这样用户只能通过水平滚动来查看隐藏的表格内容。

在 .table-container 中，我们还添加了 -webkit-overflow-scrolling: touch 属性，用于在iOS设备上实现平滑滚动效果。

请注意，为了使表格适应容器的宽度，我们将表格的宽度设置为 100%。

这样，在手机端，当表格的宽度超出父容器的宽度时，用户可以通过横向滚动来查看隐藏的表格内容。