Question

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

我尝试了多次尝试进行border-collapse，display：block甚至将margin设置为auto的方法。欢迎任何反馈。谢谢

<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>

Answer 1

您的问题不清楚。虽然可以尝试

<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>

Answer 2

您是指图像下方的多余空白吗？例如，在我做的这个示例中，您可以在宇航员img下方看到一个白色的多余空间，并且可以修复在CSS上为img添加下一个属性和值的问题。

vertical-align: middle;

img {
  max-width: 100%;
}

.image-container {
  width: 300px;
  background-color: red;
}

<div class="image-container">
  <img src="https://i.imgur.com/DtxmvLB.jpg" alt="Apollo 11">
</div>

如何从图像中删除空格

2 个答案: