테이블 하단의 빈 공간을 삭제하려면 어떻게해야합니까?

Question

나는 왜 내 테이블의 바닥에 빈 공간이 있는지 알아 내려고 노력하고 있습니까? 해당 공간을 삭제하려면 어떻게해야합니까?

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
    <td style="vertical-align:bottom"> 

     <ul> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     </ul> 

    </td> 
    </tr> 
</table> 

Answer 1

즉 때문에 UL 요소에 할당 된 기본 여백의 공간 : 여기

는 코드입니다. margin-bottom을 0으로 설정해보십시오. 즉 :

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
     <td style="vertical-align:bottom"> 
     <ul style="margin-bottom: 0"> 
      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 
     </ul> 
     </td> 
    </tr> 
    </table>