如何对齐两个表的列宽

<style>
.table-container {
  display: flex;
  justify-content: space-between; /* 水平对齐方式 */
  align-items: center; /* 垂直对齐方式 */
}

table {
  width: 45%; /* 设置表格宽度，可以根据需要调整 */
  border-collapse: collapse; /* 合并单元格边框 */
}
</style>

<div class="table-container">
  <table>
    <!-- 第一个表格的内容 -->
  </table>
  <table>
    <!-- 第二个表格的内容 -->
  </table>
</div>

<style>
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 两列等宽 */
  grid-gap: 10px; /* 网格项之间的间隙 */
}

table {
  width: 100%; /* 表格宽度自适应父容器 */
  border-collapse: collapse; /* 合并单元格边框 */
}
</style>

<div class="grid-container">
  <table>
    <!-- 第一个表格的内容 -->
  </table>
  <table>
    <!-- 第二个表格的内容 -->
  </table>
</div>