CSS保证金和填充不起作用

Question

当我将html转换为PDF保证金&填充不适用于PDF。

<tr> 
 
    <td> 
 
     <img src="2.jpg" alt="" title="" style="width:40px; height:40px;margin-top: -23px; margin-left: -6px;"> 
 
    </td> 
 
    <td width="85%" valign="bottom"> 
 
     <font size="4" face="Arial"><b>Happy to help</b></font> 
 
     <hr> 
 
    </td> 
 
</tr>

此外，如何降低hr元素的高度？

Answer 1

.styleHr{ 
 
border-top: 0px solid #8c8b8b; 
 

 
}

<tr> 
 
    <td> 
 
     <img src="2.jpg" alt="" title="" style="width:40px; height:40px;margin-top: -23px; margin-left: -6px;"> 
 
    </td> 
 
    <td width="85%" valign="bottom"> 
 
     <font size="4" face="Arial"><b>Happy to help</b></font> 
 
     <hr class="styleHr"> 
 
    </td> 
 
</tr>

使用类小时，应用样式为该类别。

Answer 2

Please try this and let me know 

<tr> 
     <td style="display: block;"> 
      <img src="2.jpg" alt="" title="" style="display: block; width:40px; height:40px; margin-top: 23px; margin-left: 6px;"> 
     </td> 
     <td width="85%" valign="bottom"> 
      <font size="4" face="Arial"><b>Happy to help</b></font> 
      <hr> 
     </td> 
    </tr>