首页 > 解决方案 > 如何从图像中删除空白

问题描述

我正在尝试删除 jcpenney 信用卡徽标的额外空间。

我尝试了多种尝试,从边框折叠、显示:阻止甚至将边距设置为自动。欢迎任何反馈。谢谢

<table class="Billing-and-Shipping-Information" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="background: white;  ">    
    <tr>
        <td>
            <table class="billing" width="50%" cellpadding="0" cellspacing="0" border="0" align="left" style="background: white;padding-left:20px;margin:auto; ">
            <tr>
                <td style="margin:0 auto;padding:0px;">
                    <h3 style="font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:20px;margin:0 auto;display:block;">Billing Information</h3>
                </td>
            </tr>
            <tr>
                <td>
                    <!--HERE IS THE ISSUE -->                                                                                        
                        <img  src="images/jcpenney.jpg" style="display:block;"> 
                    <!-- HERE IS THE ISSUE -->                      
                </td>
                <td style="font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:0 auto;">JCP Card *XXXX* </td>
                <td style="padding-top:5px;padding-left:24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;margin:auto;">$64.94</td>
            </tr>
</table> 

标签: htmlcss

解决方案


你的问题不清楚。虽然你可以试试这个

<td style="text-align:center;>                                                                                       
 <img  src="images/jcpenney.jpg" style="display:block;"> 
</td>

或者,

<td>                                                                                       
 <img  src="images/jcpenney.jpg" style="display:block;width:100%;"> 
</td>

推荐阅读