html 테이블 행에서 공백 제거

행과 열 사이에 공백없이 3 x 3 테이블을 만들고 싶습니다. 현재 셀프 페이싱과 셀 페이딩을 모두 0으로 설정했지만 행 사이에 약간의 공간이 있습니다. 나는 그 모습을 그림으로 올렸다. 행 사이의 공간을 확인 하시겠습니까? 어떻게 그 붉은 색을 얻을 수 있습니까? 좋아html 테이블 행에서 공백 제거

I posted an image of what the space between the rows

여기 내 코드입니다.

<!DOCTYPE html> 
<html> 
<body> 

    <table border="0" cellpadding="0" cellspacing="0" > 

    <tr > 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
    </tr> 
    <tr > 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
    </tr> 
    <tr > 
    <td><img src="bgimage.png" /></td> 
    <td><img src="bgimage.png" /></td> 
    <td><img src="bgimage.png" /></td> 
    </tr> 
</table>

행 사이의 공간을 제거 어떤 도움

주시면 감사하겠습니다.

출처

2012-09-11 r1nzler

td에 줄 높이 : 0 설정 .. http://jsfiddle.net/sushanth009/fFeY4/ –

이것이 효과가 있습니다. – r1nzler

당신이 시도하고 CSS에이를 추가 할 수 있습니다

td { 
    line-height: 0;  
}

는 그것을 해결해야한다.

출처

2012-09-11 17:19:18 samura

와우. 고맙습니다! 다른 사람들이 내가 고민하고있는 같은 문제를 해결하기 위해 찾는 키워드를 추가 : d3 svg 높이 속성 숨겨진 공간 마진 패딩 테이블 행 tr에 ... – ow3n

html 테이블 행에서 공백 제거

답변

관련 문제