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

时间:2015-06-10 18:12:48

标签: html css sharepoint

我正在尝试让Internet Explorer正确显示表格单元格中的图像。图像将在chrome中完美显示,但Internet Explorer会在图像上方插入空白区域。还有什么我可以添加,以防止Internet Explorer错误地显示图像/表格单元格?我试图让图像填满单元格而没有任何空白区域。

我正在使用的代码:

<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视图:

enter image description here

Chrome浏览器:

enter image description here

2 个答案:

答案 0 :(得分:1)

我认为你从某个地方复制了这段代码.... <td></td>之间有一些特殊的字符 如果再次编写代码,则不会出现空格或复制此代码

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

答案 1 :(得分:0)

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

你试过这个吗?