셀 너비와 colspan 사용

왜 세 번째 행이 올바르게 조정되지 않는지 이해하려고 시도합니다. colspan이 1 (2 대신)로 설정되면 올바르게 조정됩니다.셀 너비와 colspan 사용

<table border="1" style="width:3in;"> 
    <tr> 
     <td></td><td></td><td></td> 
    </tr> 
    <tr> 
     <td colspan="3">123</td> 
    </tr> 
    <tr> 
     <td style="width:0.5in;" colspan="2" >12</td> 
     <td>3</td> 
    </tr> 
</table>

출처

2014-10-06 Robbie

나는 특수한 권한이 없습니다. 이것은 공유 한 것으로서 볼 수있는 것입니다. http://jsbin.com/viqoze/1/edit. 무엇이 잘못되었는지 설명 할 수 있습니까? –

[나는 그것이 완벽하다고 생각한다] (http://jsbin.com/tezekutepona/1/edit). –

세 번째 행의 첫 번째 두 열은 0.5in (총)이어야합니다. 그러나 그들은 그렇지 않습니다. 테이블이 그에 따라 크기를 조정하지 않습니다. – Robbie

단순함에도 불구하고 너비 설정을 구현할 때 브라우저의 기능을 초과하는 것처럼 보입니다. 이 문제를 해결하려면 두 열을 차지하는 셀의 너비를 설정하는 대신 해당 열의 너비를 직접 설정하십시오. 불행하게도 이것은 너비가 0.5in 인 부분을 고정 된 부분으로 나눌 필요가 있음을 의미합니다. 균등하게 나누려면 <table ...> 태그 뒤에 다음 태그를 추가하십시오.

<col style="width: 0.25in"> 
<col style="width: 0.25in"> 
<col>

출처

2014-10-06 08:40:01

셀 너비와 colspan 사용

답변

관련 문제