表格中的HTML表格溢出

时间:2017-12-18 18:40:24

标签: html forms html-table overflow

寻求表单中表格的帮助。下面是我在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>

1 个答案:

答案 0 :(得分:1)

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

这不是你如何内联CSS。

应该是:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;