2016-08-09 1 views
0

다음은 내 CSS 속성입니다. 특정 열 너비를 수정하고 오버플로를 숨기려고합니다. 나는 모든 칼럼에서 시도했지만 제대로 작동하지 않는 것 같습니다.1 열 CSS의 체인지 너비

.celltable2 table { 
table-layout:fixed; 
font-family: Helvetica, Arial, sans-serif; 
width: 640px; 
border-collapse: 
collapse; border-spacing: 0; 
} 

table.celltable2 td, th { 

border: 1px solid transparent; 
width: 30px; 
height: 30px; 
transition: all 0.3s; 
overflow: hidden; 
} 

table.celltable2 td { 

text-align:center; 
    vertical-align:middle; 
} 

누락 되었습니까? colgroup과 colspan을 정의하려했지만 성공하지 못했습니다.

+3

당신의 HTML 끄트머리를 추가하십시오. –

+1

귀하의 CSS는 표 안의 * 표 * 및 * 표 *를 타겟팅하지 않음을 나타냅니다. 하지만 .. HTML이 없으면 확신 할 수 없습니다. – Scott

답변

2

문제는 당신이 <td>의 폭을 대상으로하지만, 한 당신이 CSS를이에서

table.celltable2 td, th { 
    border: 1px solid transparent; 
    width: 30px; 
    height: 30px; 
    transition: all 0.3s; 
    overflow: hidden; 
} 

함께하지 않는 대신 단지 thtable.celltable2 th과 같이 정의 할 필요가 <th>, 이후로.

이 올바른지

table.celltable2 td, table.celltable2 th { 
    border: 1px solid transparent; 
    width: 30px; 
    height: 30px; 
    transition: all 0.3s; 
    overflow: hidden; 
}