내 콘텐츠가 해당 콘텐츠를 감싸는 이유가 무엇입니까

Question

콘텐츠 (범위)를 감싸는 데 계속해서 저항하는 테이블 셀이 있습니다.

<td> 다음 규칙있다 :

overflow:visible; 
white-space:normal; 

<table>를 가지고 테이블

table-layout:fixed; 

첫 번째 행에 고정 폭을 갖는 두 개의 열을 가지고 여기에 크롬 개발 도구에 따른 escenario은 한정된; 문제가있는 셀은 padding="2"입니다.

내 지식으로는해야하지만 내용을 감싸고 있지 않습니다. 다음 규칙으로 인해 성공적으로 시도하지 못했습니다.

word-break: break-all; 
word-wrap: break-word; 
max-width: 120px; /*this is the max width I want to ensure*/ 

무엇이 여기에 있습니까?

Answer 1

코드를 게시하지 않았기 때문에 코드가 어땠는지 정확히 알 수는 없지만 사용자의 지침에 따라 작동했습니다.

는 여기를 참조하십시오 http://jsfiddle.net/FJ7dB/

HTML :

<table> 
    <tr> 
     <td>TD-1-1</td> 
     <td padding="2"> 
      <span>TD-1-2 ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent</span> 
     </td> 
    </tr> 
    <tr> 
     <td>TD-2-1</td> 
     <td>TD-2-2</td> 
    </tr> 
</table> 

CSS :이 작업을하게 당신이 실패했다 max-width, 무엇

table{ 
    table-layout:fixed; 
    border:1px solid blue; 
} 
td{ 
    width:120px; 
    max-width:120px; 
    word-break: break-all; 
    word-wrap: break-word; 
    border:1px solid red; 
} 

.

는 그리고

overflow:visible; 
white-space:normal; 

때문에 visible 및 normal가 기본값입니다 설정할 필요가 없습니다.