IDEA 中 Markdown 文档插入带滚动条的表格

<p>在 IDEA 中的 Markdown 文档中插入带滚动条的表格，可以使用 HTML 的 <code>table</code> 标签和 CSS 的 <code>overflow</code> 属性来实现。以下是具体步骤：</p>
<p>**1. 使用 HTML 语法插入表格**</p>
<pre><code class="language-html"><div class="scroll-table">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Row 1, Column 1</td>
        <td>Row 1, Column 2</td>
        <td>Row 1, Column 3</td>
      </tr>
      <tr>
        <td>Row 2, Column 1</td>
        <td>Row 2, Column 2</td>
        <td>Row 2, Column 3</td>
      </tr>
      <tr>
        <td>Row 3, Column 1</td>
        <td>Row 3, Column 2</td>
        <td>Row 3, Column 3</td>
      </tr>
    </tbody>
  </table>
</div></code></pre>
<p>在这个例子中，我们使用了一个 <code>div</code> 元素包裹了一个 <code>table</code> 元素，并将 <code>div</code> 元素的 <code>class</code> 属性设置为 <code>scroll-table</code>，以便在 CSS 中对其进行样式设置。</p>
<p>**2. 在 CSS 中添加样式**</p>
<pre><code class="language-css"><style>
.scroll-table {
  overflow-x: auto;
  max-width: 100%;
}
</style></code></pre>
<p>这些样式将使表格出现水平滚动条，并且表格宽度不会超过父级元素的宽度。</p>
<p>**3. 将 HTML 代码和 CSS 样式添加到 Markdown 文档中**</p>
<p>完成上述步骤后，就可以在 IDEA 的 Markdown 文档中看到带滚动条的表格了。</p>
<p>**注意：**</p>
<ul>
  <li>可以在 CSS 中根据需要调整 <code>max-width</code> 属性的值来控制表格的最大宽度。</li>
  <li>如果需要添加垂直滚动条，可以将 <code>overflow-x</code> 属性改为 <code>overflow-y</code>。</li>
  <li>如果需要添加水平和垂直滚动条，可以将 <code>overflow</code> 属性设置为 <code>auto</code>。</li>
</ul>