如何让 Internet Explorer 正确显示此图像

Question

我正在尝试让 Internet Explorer 正确显示 table 单元格中的图像。该图像在 chrome 中可以完美显示，但 Internet Explorer 一直在图像上方插入白色 space。是否还有其他我可以添加的东西可以防止 Internet Explorer 错误地显示 image/table 单元格？我试图让图像填满单元格，而没有任何白色 space 作为它的侧面。

我使用的代码：

<p>&#160;</p>
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 232px;">
   <tbody>
      <tr>
         <td class="ms-rteTable-default" style="width: 292px;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
      </tr>
      <tr>
         <td class="ms-rteTable-default" style="width: 292px; height: 186px;"><img src="/Test%20Pics%20Library/map_gif.gif" alt="" style="width: 100%; height: 100%; margin-right: auto; margin-left: auto; vertical-align: top;"/> </td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
      </tr>
   </tbody>
</table>
<p></p> 
<br/> 
<br/>
<br/> 
<br/>

Internet Explorer 视图：

Chrome 视图：

Answer 1

<p>&#160;</p>
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 232px;">
   <tbody>
      <tr>
         <td class="ms-rteTable-default" style="width: 292px;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
      </tr>
      <tr>
         <td class="ms-rteTable-default" style="width: 292px; height: 186px; vertical-align: top; position: relative;"><img src="/Test%20Pics%20Library/map_gif.gif" alt="" style="width: 100%; height: 100%; margin-right: auto; margin-left: auto; display: block;"/></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
         <td class="ms-rteTable-default" style="width: 33.33%;"></td>
      </tr>
   </tbody>
</table>
<p></p> 
<br/> 
<br/>
<br/> 
<br/>

你试过了吗？

Answer 2

我认为您是从某处复制了这段代码.... <td></td>之间有一些特殊字符如果你再写代码space不会来或复制此代码

<p>&#160;</p>
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 232px;" >
   <tbody>
      <tr>
      <td class="ms-rteTable-default" style="width:292px;"></td>
         <td class="ms-rteTable-default" style="width:33.33%;"></td>
         <td class="ms-rteTable-default" style="width:33.33%;"></td>

      </tr>
      <tr><td class="ms-rteTable-default" style="width:292px;height: 186px;"><img src="SVoice_im.jpeg" alt="" style="width: 100%; height: 100%; margin-right: auto; margin-left: auto; vertical-align: top;"></td></td>
      <td class="ms-rteTable-default" style="width:33.33%;"></td>
         <td class="ms-rteTable-default" style="width:33.33%;"></td>
      </tr>
   </tbody>
</table>
<p></p>
<br/> 
<br/>
<br/> 
<br/>

如何让 Internet Explorer 正确显示此图像

How can I get Internet explorer to display this image correctly

html

css

sharepoint