我正在尝试让Internet Explorer正确显示表格单元格中的图像。图像将在chrome中完美显示,但Internet Explorer会在图像上方插入空白区域。还有什么我可以添加,以防止Internet Explorer错误地显示图像/表格单元格?我试图让图像填满单元格而没有任何空白区域。
我正在使用的代码:
<p> </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浏览器:
答案 0 :(得分:1)
我认为你从某个地方复制了这段代码....
<td></td>
之间有一些特殊的字符
如果再次编写代码,则不会出现空格或复制此代码
<p> </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> </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/>
你试过这个吗?