양식 내의 HTML 테이블이 넘침

Question

양식 내의 표에 대한 도움말을 찾으십시오. 아래는 Drupal 7 프로젝트에서 작업중인 페이지의 본 (bone) 버전에서 제거 된 것입니다. div가 포함 된 테이블 오버플로가 왜 발생하는지 파악할 수 없습니다. 어떤 힌트? 어떻게 인라인 CSS 아니다

Answer 1

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

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

.

이 있어야한다 :

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