HTML 테이블, 두 번째 열을 새 줄에 놓을 수있는 방법이 있습니까?

Question

안녕하세요, 나는 5 열이있는 테이블을 가지고 있습니다. 문제는 1 열째 <td> 값이 길어서 과장 될 수 있습니다. 당신은 새로운을해야합니다 첫 번째 열에 대한

감사

Answer 1

내가 td 생각하지 않는다 S의 수직 그런 식으로 적재 할 수 있습니다 .. 아마도 오히려 td 사용하는 것보다 '의, 당신은 장난, div 년대로 분리 할 수 CSS는 줄을 긋고 첫 번째 줄이 커지면 다른 줄을 밀어 넣어야합니까?

편집 2 : 최신 버전으로 정렬이 잘됩니다.

<table style="width: 200px;"> 
    <tr> 
     <td> 
      <div style="background-color: red; display: inline;"> 
       OneOneOneOne 
      </div> 
      <div style="background-color: blue; display: inline; width: 90px;"> 
       TwoTwoTwo 
      </div> 
      <div style="background-color: green; display: inline; width: 90px;"> 
       Three 
      </div> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <div style="background-color: red; display: inline;"> 
       OneOneOneOneOneOneOneOneOneOneOne 
      </div> 
      <div style="background-color: blue; display: inline; width: 90px;"> 
       TwoTwoTwo 
      </div> 
      <div style="background-color: green; display: inline; width: 90px;"> 
       Three 
      </div> 
     </td> 
    </tr> 
</table> 

꽤 찾고 및

Answer 2

번호를 새 행 <tr>을 만들지 않고 전체 행을 통해 첫 번째 열을 줄 바꿈에 두 번째 열을 이동에 걸쳐 수있는 방법이 있나요 두 번째 행에 tr (표 행)이고 colspan 속성으로 첫 번째를 더 넓게 만들 수 있습니다. 이 같은

뭔가 :

<table> 
    <tr> 
    <td colspan="2">abcdefg</td> 
    </tr> 
    <tr> 
    <td>a</td> 
    <td>b</td> 
    </tr> 
</table>