我有兩個表，但是這里只有半個表是可見的，被另一個表覆蓋 所以，我想壓縮表格，使兩個表格都可見。

我試過css，html，js壓縮，都不行。

有人能對此提出建議嗎 提前感謝。

輸出 預(yù)期產(chǎn)出

最簡單的方法就是使用Flexbox。除非Flexbox已將flex-wrap屬性設(shè)置為wrap，否則它會自行擠壓元素以適應(yīng)auto/100%的寬度。

但是，默認(rèn)情況下，表格將只占用它們需要的寬度，這可以通過使用flex-grow: 1命令它們增長以填充剩余的空間來防止:

section {
  display: flex;
  gap: 1em;
}

table {
  flex-grow: 1;
  border: 2px dashed red;
}

<section>
  <table>
    <tr>
      <th>Row 1</th>
      <th>Row 2</th>
      <th>Row 3</th>
      <th>Row 4</th>
    </tr>
  </table>

  <table>
    <tr>
      <th>Row 1</th>
      <th>Row 2</th>
      <th>Row 3</th>
      <th>Row 4</th>
    </tr>
  </table>
</section>