如何固定两边距相等的页眉？

<div class="header-container">
  <div class="left-header">左侧页眉内容</div>
  <div class="right-header">右侧页眉内容</div>
</div>

.header-container {
  display: flex;
}

.left-header, .right-header {
  flex: 1;
  text-align: center; /* 可根据需求进行调整 */
}

<table class="header-table">
  <tr>
    <td class="left-header">左侧页眉内容</td>
    <td class="right-header">右侧页眉内容</td>
  </tr>
</table>

.header-table {
  width: 100%;
  border-collapse: collapse;
}

.left-header, .right-header {
  width: 50%;
  text-align: center; /* 可根据需求进行调整 */
}