Question

내용이 다양한 길이 일 수 있으므로 테이블의 너비는 고정되지만 동적 높이를 원합니다. 다음은 예이다 :

I 고정 한 폭 그러나 함유량이 중첩된다. 내가 뭘 잘못하고 있니?

<table width="60%" align='center' cellpadding='2' 
     cellspacing='2' border='2' style='table-layout:fixed'> 
    <thead> 
     <tr> 
      <th>#</th> 
     </tr> 
    </thead> 
    <tbody> 
     ... 
    </tbody> 
</table> 

그리고 내 CSS :

table{ 
font-size:12px; 
} 

table td{ 
    padding:5px; height:auto; 
    background:#f6f6f6; 
} 

table thead tr th{ 
    background:#d7dbe2; 
} 

모든 아이디어를 어떻게 높이를 동적으로 만들 여기 내 코드는?

Answer 1

table td{ 
    word-wrap:break-word; 
} 

을 제거하는 제안)

Answer 2

텍스트에 'breaking points' (예 : 공백)이없는 것으로 의심됩니다. 따라서 텍스트는 여러 줄로 나눌 수 없습니다. 한 가지 해결책은 텍스트가 손상 될 수있는 위치에 ­을 추가하는 것입니다.

Answer 3

문제는 table-layout: fixed의 사용으로 인해 발생할 수 있습니다 - 나는 <th> 태그의 각 style="width: 150px;"을 넣고이 나를 위해 일한 table-layout

Answer 4

<th> 폭 폭이 <td>보다 우선합니다. 따라서 단순히 <th>에 너비를 적용하면 (Kolink에서 말한 것처럼) 오버플로 문제를 해결해야합니다.

table thead tr th{ 
    width:120px; 
}