表格中的HTML表格溢出

Question

寻求表格中表格的帮助。下面是我在Drupal 7项目中正在处理的页面的骨架版本。无法弄清楚为什么表溢出包含div。任何提示？

<form action="/whatever" method="post" accept-charset="UTF-8">
  <div>
    <table width="100%" word-wrap="break-word" table-layout="fixed">
      <tr>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
      </tr>
    </table>
  </div>
</form>

Answer 1

<table width="100%" word-wrap="break-word" table-layout="fixed">

这不是你如何内联CSS。

它应该是：

<form action="/whatever" method="post" accept-charset="UTF-8">
  <div>
    <table style="width: 100%; word-wrap: break-word; table-layout: fixed;">
      <tr>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
        <td>zzzzzzz xzxzxzzxzxzxzzx</td>
      </tr>
    </table>
  </div>
</form>