嵌套html表问题

时间:2012-09-27 10:21:26

标签: html css

你好我在asp.net中嵌套了一个表格里面的一个表格(我认为它基本上也是一个表格),但事情就是桌子里面的单元格在它的边缘留下了一个空间(即从墙上看)网格视图),我希望这个空间最小化这是我的网格视图:

<FooterTemplate>
                    <table border="1" cellspacing="0" cellpadding="0" width="auto">
                     <tr><td><asp:Label ID="cl_crTotal" runat="server" CssClass="alLbl" /></td>
                        </tr>
                        <tr><td><asp:Literal runat="server" ID="closingTotC" ></asp:Literal></td>
                        </tr>
                    </table>
                  </FooterTemplate>

我也给了图片,请检查 http://imgur.com/4ukGm&K8tRy“此图片”

PS:我知道并希望这是一个简单的问题,只要我是新手就可以轻松解决

2 个答案:

答案 0 :(得分:0)

如果没有看到该网格视图的代码,我只能猜测,设置了一些填充或边距,这会导致此行为。

因此对于网格单元格,其中表格显示为

padding: 0;

并为表格本身设置

margin: 0;

答案 1 :(得分:0)

实际上,它非常简单。如果您查看数据中的所有字段,您会看到实际上每个字段都有它。它叫做填充。

您应该做的是从该单元格中删除填充。我打算假设你不想在你的表的其余部分中使用它,所以你要做的是给特定的单元格一个id,并在css中添加一条规则,说它不应该接收任何填充。

你的HTML看起来像这样:

<body>
    <table>
         <tr>
              <td id="cell_id">somedata</td>
         </tr>
    </table>
</body>

这在你的css文件中看起来像这样

 #cell_id { padding: 0px; }