HTML 표의 행 사이 분리를 제거하려면 어떻게합니까?

3 행 1 열 html 테이블이 있습니다. 상단과 버튼 행에는 이미지가 있고 중간 행에는 div가 있습니다.HTML 표의 행 사이 분리를 제거하려면 어떻게합니까?

내 행 사이에 분리가 표시됩니다 (내 페이지의 배경을 봅니다). 모든 패딩 및 여백을 0으로 설정하려고했는데 (테이블, div 및 이미지의 경우)이 분리가 여전히 있습니다. 아무도, 제발,이 문제를 해결할 수 있습니다.

2010-06-01 Roman

설정하여 <table> 태그 cellspacing=0뿐만 아니라 cellpadding=0. '국경 붕괴'를 사용

2010-06-01 13:14:16 Paul

당신은 너무 생각하고 HTML 4/CSS 1/1996 – amphetamachine

. 그것은 HTML4/CSS1/1996입니다. 따라서, 내 대답. – Paul

이 솔루션은 작동하지 않습니다. 테이블을 사용하여 서식을 지정하는 경우 ... DIV의 올바른 사용법을 선택하므로 약간의 여유를 줄이자. :) –

시도 :

table { 
    border-collapse: collapse; 
}

2010-06-01 13:14:28 gonzohunter

누구든지이 일을 얻었습니까? 나는 노력했고 그것은 나를 위해 일을하지 않았다. –

작품! 감사 ! –

당신은 테이블 셀 자체에서 간격을 제거해야합니다. CSS에서

<style type="text/css"> 
    td { 
    border-collapse: collapse; 
    border-spacing: 0; 
    margin: 0; 
    padding: 0; 
    } 
</style>

<table cellspacing="0" cellpadding="0"> 
    [...] 
</table>

2010-06-01 13:15:01 Dolph

그것을 일으키는 당신의 H2의 것으로 보인다.

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2>

2010-06-01 13:25:35

Gonzohunter 괜찮아,이 못을 박았다, 그러나 당신은 쉽게 당신이 최근의 HTML 버전에서 사용할 수있는 가정, 테이블에 스타일을 설정하는 경우 :이 문제를 해결하려면 0으로의 위쪽 여백을 설정합니다.

나는이 완벽하게 작동

<table style='border-collapse: collapse;'> 
    ... 
</table>

을 사용했다.

2012-01-04 18:42:00

사용 img 태그이 : 그는 자신의 페이지 포맷에 대한 테이블을 사용하고

display: block;

2013-05-28 13:10:28 AminSaghi

만세! 내 문제를 해결! – winkbrace

답변