如果HTML表的行中包含图像,那么如何最小化图像之间的空白

如果HTML表的行中包含图像,那么如何最小化图像之间的空白,html,css,asp.net,sharepoint,Html,Css,Asp.net,Sharepoint,我知道有一个专门针对sharepoint的论坛,但我的问题更多地涉及到一般的CSS和HTML,而不是sharepoint。 现在,我在sharepoint网站中创建了一个aspx页面,我想在每个页面下面显示一些图像,我选择在一个表中显示这些图像,以确保无论最终用户的屏幕大小如何,每行都能获得3个图像 但问题是图像之间会有额外的空间,如下所示:- 虽然我将图像宽度x高度定义为60px 59px+表格宽度为17%,这是我能得到的最小表格宽度。就好像我将宽度减小到小于17%一样,没有任何东西会被最小化

我知道有一个专门针对sharepoint的论坛,但我的问题更多地涉及到一般的CSS和HTML,而不是sharepoint。 现在,我在sharepoint网站中创建了一个aspx页面,我想在每个页面下面显示一些图像,我选择在一个表中显示这些图像,以确保无论最终用户的屏幕大小如何,每行都能获得3个图像

但问题是图像之间会有额外的空间,如下所示:-

虽然我将图像宽度x高度定义为60px 59px+表格宽度为17%,这是我能得到的最小表格宽度。就好像我将宽度减小到小于17%一样,没有任何东西会被最小化。以下是图像和表格的设置:-

以下是包含图像的“我的表”的标记:-

<table class="ms-rteTable-0" cellspacing="0" style="width: 17%; height: 364px;">    
<tbody>
          <tr class="ms-rteTableEvenRow-0">
             <td class="ms-rteTableEvenCol-0" style="width: 30px; height: 81px;">​<a title="X" href="***" target="_blank"><img alt="" src="/Resources/***.png" style="margin: 0px; width: 60px;"/></a></td>
             <td class="ms-rteTableOddCol-0" style="width: 30px; height: 81px;">​<a title="" href="*****" target="_blank"><img alt="" src="/Resources/****.png" style="margin: 0px; width: 60px;"/></a></td>
             <td class="ms-rteTableEvenCol-0" style="width: 30px; height: 81px;">​<a name="******" title="" href="***"><img alt="" src="/Resources/Smart%20Support%20Logo.png" style="margin: 0px; width: 60px;"/></a></td>
          </tr>
          <tr class="ms-rteTableOddRow-0">
             <td class="ms-rteTableEvenCol-0" style="width: 30px;">​<a title="t" href="*****" target="_blank"><img alt="" src="/Resources/****.png" _moz_resizing="true" style="margin: 0px; width: 60px;"/></a></td>
             <td class="ms-rteTableOddCol-0" style="width: 30px;">​<a title="" href="h*****" target="_blank"><img alt="" src="/Resources/***.png" style="margin: 0px; width: 60px;"/></a></td>
             <td class="ms-rteTableEvenCol-0" style="width: 30px;">​<a title="" href="****" target="_blank"><img alt="" src="/Resources/***.png" style="margin: 0px; width: 60px;"/></a></td>
          </tr>
那么,有谁能建议我如何最小化图像之间的空间?在可用的UI选项中,这似乎是不可能的

谢谢

您可能需要在标记中的表格上添加cellpadding=0和/或cellspacing=0:


你能使用CSS吗?@TakitIsy是的,我可以定义我自己的CSS。谢谢你的回复。。抱歉,我应该在之前提到,我的表已经定义了cellspacing=0。我用Competite标记更新了我的问题。。现在添加cellpadding=0没有任何区别。是的,我添加了自定义css,,但不幸的是,空格仍然是same@johnG当您尝试使用CSS时,是否删除了内联样式?内联样式覆盖了CSS。我没有删除任何内容。。那么您指的是哪种内联样式?@johnG我指的是HTML中的style属性,即style=width:。。。