열의 테이블 행을 고정 폭으로 나누는 방법

Question

첨부 된 이미지에 표시된 것처럼 테이블 너비가 고정 너비에 맞도록 테이블 행을 나누려면 어떻게해야합니까?

I 일과 휴식과 국경 붕괴를 시도했지만 늘 내가 원하는 결과를 제공했다.

table { 
word-break: break-all; 
font-size: 12px; 
border-collapse: collapse; 
} 

Answer 1

구조 테이블이 제대로

예 :)

Have a fiddle!

HTML

<table> 
    <tbody> 
     <tr> 
      <th>Friday</th> 
      <th>Saturday</th> 
      <th>Sunday</th> 
      <th>Average</th> 
     </tr> 
     <tr> 
      <td>$100</td> 
      <td>$100</td> 
      <td>$100</td> 
      <td rowspan="4">$100</td> 
     </tr> 
     <tr> 
      <th>Friday</th> 
      <th>Saturday</th> 
      <th>Sunday</th> 
     </tr> 
     <tr> 
      <td>$100</td> 
      <td>$100</td> 
      <td>$100</td> 
     </tr> 
    </tbody> 
</table> 

CSS

table { 
    border-collapse: collapse; 
    border: solid 1px #CCC; 
} 
th, td { 
    border: solid 1px #CCC; 
}