2011-10-11 3 views
5

안녕하세요, 나는 div 태그를 사용하여 그렇게하면서 테이블 셀을 작성하려고합니다. 셀 안에 img 태그가 있으면 여분의 간격이 생깁니다.A 태그/img 태그 뒤에 여분의 간격이 있습니까?

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a> 

나는 여분의 간격을 제거하는 방법을 생각할 수 없습니다.

나는 a :와 img 태그에 대해 인라인 표시를 시도했다. 아직 운이 아니야.

아무도 내가이 간격을 없애면 기꺼이 감사하겠습니다.

예 - 다음은이 tabel 세포 내 거기에 2 ~ 3 픽셀 공백을 그림자 직전

http://i.imgur.com/DLPWH.png

+2

것은 내가 HTML 코드의 텍스트 설명을 읽고 사랑 해요. 그것은 HTML 코드 자체를 읽는 것보다 훨씬 낫습니다 ... –

+0

죄송합니다. 다음 번에 추가하겠습니다. 편집했습니다. 비록 – Tom

답변

16

표 형식의 데이터에 테이블을 사용해야한다는 사실 외에도 이미지에 display: block을 설정하면 공간이 제거됩니다. 문제가 해결되지 않으면 jsFiddle 페이지를 만들어 문제를 과시하십시오.

+0

이봐, 고마워. 나는 블록에 대해 완전히 잊었다. 나는 테이블을 사용하는 것을 생각하고 있었지만 차이점이 있는지를 모릅니다. – Tom

+0

예, "데이터 용 테이블"에 대해 들으십시오. 그러나 대부분의 플랫폼에서 합리적으로 멋지게 표시하고 싶은 이메일을 코딩 할 때 거의 모든 이메일 클라이언트에게 다음과 같이 말합니다. – ElBel

0

이 여분의 간격을 가지고있는 요소에 margin: 0padding: 0을 설정하십시오.을 구현하여 모든 요소가 여백 및 패딩과 같은 성가신 기본 속성을 제거하도록하는 것이 좋습니다.

1

공간을 사용하여 제거 할 수 :

style="display:block;"