테이블 셀이 같음

Question

모든 테이블 셀을 이미지 크기와 동일하게 만들려고하고 있지만 어떤 이유로 그 셀이 설정되지 않습니다.

http://jsfiddle.net/gzkhW/

HTML (단축 비트)

<table> 
    <tr> 
     <td><img src="http://i.imgur.com/CMu2qnB.png"></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 

</table> 

CSS 당신이 원하는 테이블 스타일에 약간의 폭을 추가하는

table { 
    border:1px solid black; 
} 
td {width:206px; 
    height:214px; 
    border:1px solid black; 
} 

Answer 1

요소의 최소 너비를 설정하려면 min-width을 사용할 수 있습니다. 예를 들면 다음과 같습니다 : min-width:206px; (JS Fiddle demo).

width의 문제는 <table> 요소가 부모 요소 또는 뷰포트의 너비를 고려하거나 시도한 것으로 보입니다. 이를 더 넓게 만들면 <td> 요소가 지정된 크기로 늘어납니다. 그렇지 않으면 제한 될 것입니다. min-width은 에 의해 강제로을 강제로 '해결'하므로 <table>을 부모의 제약 조건을 넘어서 확장해야합니다.

Answer 2

시도

width:2060px; 

height:2140px; 

에 대한 전의 충분히, 당신은 내가 당신을 도왔 으면 좋겠 테이블 셀을 수정하기 위해이 값을 사용자 정의 할 수 있습니다 ...