フォーム内のHTMLテーブルがオーバーフローする

Question

フォーム内のテーブルのヘルプを検索しています。以下は、私がDrupal 7プロジェクトで取り組んでいるページの骨版には削除されています。 divを含むテーブルがオーバーフローする理由を理解できません。何かヒント？あなたはCSSをインライン化する方法はありません

<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"> 

。

それは次のようになります。

<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>