在 wordpress 中使表格响应

Question

目前，当我的产品页面从移动设备加载时，我的桌子被切断了（见附图）。

我要在我的 css 或 html 中添加什么来使其对齐？ 下面是我的html代码。

您可以查看产品页面以供参考 https://www.sebuys.com/shop/windows-10-customised-i7-i5-7th-gen-rgb-gaming-tower-16gb-8gb-ddr4-pc-computer/

Windows 10 Customised i7/i5 7th Gen RGB Gaming Tower 16GB / 8GB DDR4 PC Computer
<table class="shop_attributes">
<tbody>
<tr>
<td>Condition:</td>
<td>Brand New</td>
<td>Operating System Edition:</td>
<td>64bit Professional</td>
<td>Form Factor:</td>
<td>Gaming PC Tower</td>
</tr>
<tr>
<td>Storage Type:</td>
<td>SSD &amp; SATA</td>
<td>MPN:</td>
<td>Does Not Apply</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Brand:</td>
<td>Custom, Whitebox</td>
<td>Windows 10</td>
<td>Windows 10</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
&nbsp;

Screenshot

Answer 1

表格从不响应。您所能做的就是将表格包装在一个 div 中，然后将 overflow:auto 应用于该 div。

<div style="overflow:auto">
  <table>
    ...
  </table>
</div>