asp.net - 隐藏一个 td 并在行中折叠其他 td 以不显示 td 之间的空间（自动合并）

Question

代码片段：

<TD><center>
<asp:ImageButton id=imgManagOrd Runat="server" ImageUrl="images/ManageOrders.jpg"></asp:ImageButton></center></TD>
<TD><center>
<asp:ImageButton id=imgStockOrder Runat="server" ImageUrl="images/stockorder.jpg">    </asp:ImageButton></center></TD>
<TD><center>
<asp:ImageButton id=imgAdmin Runat="server" ImageUrl="images/admin.jpg">    </asp:ImageButton></center></TD>
<TD><center>
<asp:ImageButton id=imgContact Runat="server" ImageUrl="images/contact.jpg">    </asp:ImageButton></center></TD>

我根据权限从代码隐藏中隐藏特定的 td，并且我没有分别指定这些 td 的宽度。

因此，最终 td 之间存在奇数空间。请查找图片： 所有 tds：

很少有 Td 隐藏：

请告诉我如何在不显示空格的情况下连续对齐结果 tds。

Answer 1

你有这样的标记：

<tr>
<td><imagebutton id="img1">..</imagebutton></td>
<td><imagebutton id="img2">..</imagebutton></td>
<td><imagebutton id="img3">..</imagebutton></td>
<td><imagebutton id="img4">..</imagebutton></td>
<tr>

并且您将其中一个imagebuttons隐藏在代码隐藏中。IE

   img2.Visible=false

所以它会产生这样的标记：（假设你隐藏了第二个图像按钮）

<tr>
<td><imagebutton id="img1">..</imagebutton></td>
<td></td>
<td><imagebutton id="img3">..</imagebutton></td>
<td><imagebutton id="img4">..</imagebutton></td>
<tr>

这只是意味着，持有 imagebutton 的 td 永远不会被移除，它已经存在，因此空间。

你应该隐藏 td 而不是隐藏imagebuttons

所以给你的 tds 和 runat="server" 属性提供 id 。并从代码隐藏中获取它们并设置它们的可见 =false；

或这样做：

  td1.Attributes.Add("class","hide"); //where td1 is the id of a td

.hide样式表或设计器中的 CSS 类在哪里，如下所示：

.hide
{
   display:none;
}