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