내 html 표의 원하지 않는 공간

여기에 link이 있으며, 내 테이블의 그림 맨 아래에 표시된 것처럼 5 픽셀 공간이 떨어져 있습니다.내 html 표의 원하지 않는 공간

당신은 스타일 = "여백 - 하단 : -5px"넣을 수 있습니다

<table border="1" bordercolor="#D88830" style="background-color:#555555;" cellspacing="0"> 
    <tr> 
    <td> 
     <img src="../../../images/team_members_dusty_arlia.jpg" alt="Dusty Arlia Picture" border="0" /> 
    </td> 
    <td style="padding:25px; vertical-align:top;" width="550"> 
     <b>Name</b>: <i>Dusty Arlia</i><br /> 
     <b>Position</b>: <i>Owner</i><br /> 
     <b>Start Date</b>: <i>Founded on April 20, 2010</i><br /> 
     <b>Interests</b>: <i>Loves to snowboard in the winter, play volleyball in the summer, and gives lessons on foosball year round.</i> 
    </td> 
    </tr>

출처

2011-08-24 Dusty

Linux의 FF 3.6.13에는 여분의 공백이 표시되지 않습니다. 그러나 그것은 크롬에서 않습니다. –

되는 관련 HTML 각 이미지에,이 속성을 가진 클래스를 선언하고에 그것을 사용하는 것이 좋을 것이다 이미지들.

E.G.

<img style="float:left;" ... />

문제도 해결합니다 - 그냥 다른 솔루션을 밖으로 던져 싶어 -5px :

<img src="../../../images/team_members_jacquelyn_buffo.jpg" alt="Jacquelyn Buffo Picture" border="0" style="margin-bottom: -5px">

출처

2011-08-24 13:31:29

당신의 답은 모두 맞지만 5px가 어떻게 생겼는지 조금 궁금합니다. 나는 문제의 근원을 푸는 것이 아니라고 느낀다. – Dusty

는이

<img src="../../../images/team_members_dusty_arlia.jpg" alt="Dusty Arlia Picture" border="0" style="margin-bottom:-5px" />

출처

2011-08-24 13:31:42 Pratik

답안은 모두 정확하지만 5px가 어떻게 생겼는지 궁금합니다. 나는 문제의 근원을 푸는 것이 아니라고 느낀다. – Dusty

난 당신이 여백 하단을 추가 보았다 시도 는 음수 여백을 사용하는 것보다 더 나은 전체 솔루션 일 수 있습니다.

출처

2011-08-24 13:43:38 streetlogics

테이블을 사용해야하므로 HTML 전자 메일을 코딩 할 때이 문제가 자주 발생합니다.

스타일을 넣으십시오 세로 정렬 : 하단; 이미지에.

this page에 주어진 이유는 이미지가 인라인 요소이므로 공간이 서체 감추기 용으로 예약되어 있다는 것이고, 의미가 있으며 저에게 효과적입니다.

출처

2012-06-06 19:05:49 waterjerome

이것은 그 것이다. 나는 시간을 낭비했고 당신은 나에게 대답을 주었다. 3 년 전 감사합니다. –

나는이 문제가 몇 년 전인 줄 알지만, 같은 문제가 발생하는 동안 일어났다.

CSS 또는 인라인 여부에 관계없이 문제가되는 이미지에 display: block;을 설정하면됩니다.

희망은이 답변을 찾는 다른 사용자에게 도움이되기를 바랍니다.

출처

2015-06-02 20:02:55

내 html 표의 원하지 않는 공간

답변

관련 문제