테이블 셀의 텍스트 아래에 여분의 공간이 생기지 않게하려면 어떻게합니까?

도움이 필요합니다. 테이블 셀의 텍스트 맨 아래에 추가 공간이 생기는 것을 방지하려고합니다. (테이블에는 롤오버 링크가 있고 텍스트에는 85 %의 선 높이가 필요합니다.) 또한 CSS를 사용하여 선 높이를 설정했지만 동일한 문제가 발생했습니다. 3 열의 표는 높이가 46px이지만 높이가 85 %로 변경 될 때 높이가 57px로 늘어납니다. 이것은 모바일 웹 페이지에서 사용됩니다. 해결책은 아주, 매우 높이 평가 될 것입니다. 감사. 웹 페이지에테이블 셀의 텍스트 아래에 여분의 공간이 생기지 않게하려면 어떻게합니까?

링크 : 그것을 해결 http://www.m.dcgraphicsandphotography.com/table_BG_test10.html

<table class="dsR62" border="0" cellpadding="0" cellspacing="0"> 
     <tr onmouseover="this.style.background='url(images/button_BG_ov.jpg)';this.style.cursor='pointer'" onmouseout="this.style.background='url(images/button_BG.jpg)';" onclick="DoNav('dvd.html/');"> 
      <td class="dsR23"> 
       <div align="right"> 
        <img src="images/ICON-RGB.gif" alt="" height="39" width="40" border="0" /></div> 
      </td> 
      <td class="dsR50"> 
       <div align="left"> 
        <p style="line-height:85%;"><span class="ds3"><span class="ds4">DVD TRANSFERS</span></span><span class=""><span class="ds3"><span class="ds3"><br /> 
           </span></span></span><span class="ds3"><span class="ds5">From videos, photos and slides</span></span></p> 
       </div> 
      </td> 
      <td class="dsR25"><img src="images/button_arrow.gif" alt="" height="36" width="35" border="0" /></td> 
     </tr> 
    </table>

출처

2011-09-14 Dave Cooper

<p style="line-height:85%; margin-bottom: 0px;"> 
    <span class="ds3"> 
     <span class="ds7">DVD TRANSFERS</span> 
    </span> 
    <span class="ds6"> 
     <span class=""> 
      <span class="ds3"> 
       <span class="ds3"> 
        <br> 
       </span> 
      </span> 
     </span> 
    </span> 
    <span class="ds3"> 
     <span class="ds8">From videos, photos and slides</span> 
    </span> 
</p>

합니까? (margin-bottom:0px;)

출처

2011-09-14 21:45:16

감사합니다. 그것은 바닥의 공간을 없애 버렸지 만 2 줄의 텍스트는 세로로 중앙에 있어야하고 셀은 46px로 유지되어야합니다. 나는 그것이 수직 중심에 있어야한다고 언급하지 않았다는 것에 사과한다. 그러나 나는 내가 해결책의 문앞에 있다고 생각한다. (이것에 대한 답변을 위해 2 일 동안 인터넷 검색을 해왔습니다!) 통제하에 있다면 알 수 있습니다. 나는 margin-top : 8px를 추가했다. margin-bottom : 3px; 수직 위치를 완전히 제어 할 수있었습니다. 모든 도움에 감사드립니다.

생성 된 코드를 수정 (첫 번째 행을 나타내는)

<p style="line-height:85%; margin-top: 8px; margin-bottom: 3px;">

출처

2011-09-15 14:30:31

테이블 셀의 텍스트 아래에 여분의 공간이 생기지 않게하려면 어떻게합니까?

답변

관련 문제