2014-04-21 2 views
0

havr이 (가) 완전히 답변되었다고 생각한 이유가 마지막 주제를 닫았지만 지금은 나타나지만 생각하지 않습니다. 링크 : Space between two td or tr tags 줄 높이 : 0; 원작에서 분명히 다른 것들을 가지고 있기 때문에,이 라인 - 가이트는 이미지를 제외하고 모든 내용을 매우 작은 선으로 결합하고 있습니다. 나는 line-height : 0; 특정 td뿐만 아니라 td, 그러나 여기에서 요점은 td 사이의 공간을 제거하는 것입니다. html 4에서 한 번이었습니다. 희망 some1 대답을 알고 감사합니다!td 사이에 공백이 있음 - 다시 한번

''예 ''

<table class="main-table-default"> 
    <tr> 
     <td> 
      <table class="main-table-header-default"> 
       <tr> 
        <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
        </td> 
       </tr> 
       <tr> 
        <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     </td> 
    </tr> 
    <tr> 
     <td>random text<br><Br> 
     </td> 
    </tr> 
</table> 
내가 솔루션을 가지고

, 난 그냥 그렇게 u'll 알고 말은 ... 하지만 매우 추한. 이 문제를 해결할 수있는 방법은 특정 td에 선 hight 0을 작성한 다음 해당 td의 다른 td에 100 % 선 높이를 만드는 것입니다. 그러나 그것은 미친 것입니다. 다른 것이 있어야합니다. 그것을 해결하는 방법. 다른 방법으로는 아주 추악합니다 :/

+0

동료 코드를 게시하시기 바랍니다 및 간단히 말해서 뭐가 문제인지, 다른 오래된 질문에서 어떤 사람은 대답을 올렸고 어떤 공백도 전혀 보지 못했습니다. – Banana

+0

형제, 나도 알아,하지만 만약 당신이 텍스트로 다른 td를 만들려고한다면, 그것은 한 줄로 모두 부술 것이다. 그게 문제 야. – user3556123

답변

0

처음에는 불필요한 공백을 제거하기 위해 reset.css를 추가하는 것이 좋습니다. 나는 네가 그 일을하지 않은 것 같아. 당분간 다음 CSS를 추가

CSS :

table, tbody, tfoot, thead, tr, th, td 
{   
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

table 
{ 
     border-collapse: collapse; 
     border-spacing: 0; 
} 

바이올린 : http://jsfiddle.net/KEK98/

이 개발의 시작시에 확인, 당신이 포함되어 reset.css

+0

CSS를 재설정 해 주셔서 감사합니다. 지금은 중요한 것을 포함 할 것입니다. 아마도 "못생긴 코드"로 해결 했으므로 해결할 다른 방법이 없을 것입니다. – user3556123

+0

@ user3556123 재설정 CSS는 항상 좋습니다. 그것은 크로스 브라우저 문제를 90 %까지 감소시킵니다. 내 대답이 당신의 문제를 해결할 수 있다면, 그것을 확인하십시오 :) –

0

TD 요소를 닫기 전에 공백을 넣지 마십시오 (줄 바꿈 포함). 대신

:

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
       </td> 

쓰기 :

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"></td> 

는 다른 방법으로, 당신의 문서 타입에 따라, 당신은 닫는에게 </td> 태그를 생략 할 수 있습니다.

관련 문제