내 프로젝트에서 테이블 TD

의 폭과 높이를 수정, 내가 수행하여 fix the width and heighttd의 년대에 노력하고 다음내 프로젝트에서 테이블 TD

여기

td{ 
    max-width:100px; 
    max-height:100px; 
    width:100px; 
    height:100px; 
    overflow:hidden; 
    word-wrap:break-word; /* CSS3 */ 
}

가 fiddle

이다 그러나 당신이 볼 수있는 바이올린에서 콘텐츠가 증가하면 td의 높이가 증가합니다.

어쨌든 그것을 고칠 수 있습니까?

해결 방법을 알려주십시오. cross-browser.

extjs에서 사용할 수있는 수정 사항이 있다면 도움이 될 수도 있습니다.

추신 : 나는 쉽게 을 얻을 수 있지만 지금은 변경할 수 없다는 것을 알고 있습니다.

출처

2013-03-15 Mr_Green

try [** fiddle **] (http://jsfiddle.net/ksB2K/), 도움이 될 수 있습니다. – Amit

의견을 보내 주셔서 감사합니다. 금지령을 해제 한 후 나는 내 대답을 삭제할 것입니다. –

내 문제가 다소 달랐다

table{width:500px;height:200px;} 

td{border:1px solid green; width:100px; 
    height:100px;} 
/* My fix try */ 


td div{ 
    width:100px; 
    height:100px; 
    overflow:hidden; 
    word-wrap:break-word; 
}

DEMO

출처

2013-03-15 06:37:01 Sowmya

+1 예. 작동합니다. td의 너비와 높이를 모르면 해결할 방법이 있습니까? (실제 프로젝트에서 나는 단지 width : 100 %, height : 100 %와 그 이상을주고 테이블을 뻗었습니다) –

atleast height는 정확히 알려 져야합니까 ?? 그렇지 않으면 왜 콘텐츠가 흐르는 것을 막으려 고합니다. – Sowmya

사업부와 콘텐츠 랩. 태그에만 width:100% 및 height:100%을 제공했습니다. 즉, 고정 된 td '입니다.

각 td 태그 안에 div의 태그를 추가하고 고정 치수를 지정하여이를 해결했습니다. 여기

td>div{ 
    /* Giving values less than the td values by assuming */ 
    width:100px; 
    height:100px; 
    overflow:hidden; 
}

이 아이디어를 제공하는 @Sowmya에 Working Fiddle

감사합니다. :)

PS : 향후 다른 사람들에게 도움이 될 수 있도록 답으로 게시하고 있습니다..

출처

2013-03-15 07:01:16

cool ........ :) – Sowmya

내 프로젝트에서 테이블 TD

답변

관련 문제