无法删除html表中行之间的空间

时间:2019-10-12 23:27:02

标签: html asp.net

我正在尝试在表中加载一组连续的占位符,并向所有单元格动态添加图像控件。然后将其显示为地图。我不希望单元格或行之间有间距或间隙。我已经在做过的原型上进行了这项工作,但是现在在实际项目中,我不知何故在每个表行之间都留出了空间。

我尝试了很多事情。我目前在表格上方具有以下样式

      <style type="text/css"> 
          * { margin:0; padding:0; font-size:12px}
    table { 
            border-collapse: collapse; 
            border-spacing: 0;
            margin: 0 0 0 0;
            padding:0;
            border: none;
            height:auto                
        } 
        td { 
            border: none; 
            padding:0px;               
            margin: 0 0 0 0;
            padding: 0;
            height:auto                       
        } 
        tr { 
            border: none; 
            padding:0px;               
            margin: 0 0 0 0;
            padding: 0;
            height:auto                       
        } 
        h1, h2 {margin:0;}

    </style> 

我使用了部分代码,并以较小的比例重现了该问题。 ASP代码如下:

    

    <div>
<table id="MapTable" style="border-collapse: collapse"  runat="server" >
<tr>
   <td><asp:PlaceHolder ID="ph1" runat="server"/></td> 
    <td><asp:PlaceHolder ID="ph2" runat="server"/></td>
    <td><asp:PlaceHolder ID="ph3" runat="server"/></td>

       <td><asp:Button ID="btnLoadImage" runat="server" Text="Load" OnClick="btnLoadImage_Click" /></td>
</tr>
<tr>
    <td><asp:PlaceHolder ID="ph4" runat="server"/></td>
    <td><asp:PlaceHolder ID="ph5" runat="server"/></td>
    <td><asp:PlaceHolder ID="ph6" runat="server"/></td>
</tr>
</table>
    </div>
</form>

///后面的C#代码也很简单。只需将图像加载到每个单元格中即可。

        ImageMap im = new ImageMap();
        im.ImageUrl = "~/Images/PlainsGrass.png";
        ph1.Controls.Add(im);

        ImageMap im2 = new ImageMap();
        im2.ImageUrl = "~/Images/PlainsGrass.png";
        ph2.Controls.Add(im2);
        ImageMap im3 = new ImageMap();
        im3.ImageUrl = "~/Images/PlainsGrass.png";
        ph3.Controls.Add(im3);
        ImageMap im4 = new ImageMap();
        im4.ImageUrl = "~/Images/PlainsGrass.png";
        ph4.Controls.Add(im4);
        ImageMap im5 = new ImageMap();
        im5.ImageUrl = "~/Images/PlainsGrass.png";
        ph5.Controls.Add(im5);
        ImageMap im6 = new ImageMap();
        im6.ImageUrl = "~/Images/PlainsGrass.png";
        ph6.Controls.Add(im6);

单元格之间的间距消失了,但我无法摆脱每一行之间的空间

这是它正在做什么的一个小图像: enter image description here

0 个答案:

没有答案
相关问题