在隐藏图像图标的可见性时，相邻的图像采用隐藏控件的x，y坐标

Question

我有两个图像图标，基于某些条件，我喜欢将其中一个图像的visible属性设置为false。例如，一个是箭头图像，另一个是文件夹图像图标。 在将文件夹图像图标设置为false时，箭头图像将代替文件夹图像。如何避免移动图像？

设计页面：

<td style="height:15px;padding-right:5px;width: 18px;vertical-align:top;">
                                                    <asp:LinkButton id="lnkDownload" runat="server">
                                                        <asp:Image ID="imgArrow" runat="server" ImageUrl="~/Images/DownloadIcon2.png" ToolTip="Download Item" style="vertical-align: middle;padding-bottom:0px;" Height="17px" Width="17px"/>
                                                    </asp:LinkButton>
                                                </td>
                                                <td style="height:15px;padding-right:5px;width: 18px;vertical-align:top;">
                                                    <asp:LinkButton id="lnkAddtoDownload" runat="server">
                                                        <asp:Image ID="imgfolder" runat="server" ImageUrl="~/Images/DownloadIcon1.png" ToolTip="Add to grid" style="vertical-align: middle;padding-bottom:0px;" Width="17px" Height="17px" />
                                                    </asp:LinkButton>
                                                </td>

背后的代码

 if(doc == weburl)
       imgfolder.Visible = false;

附上了截屏。

Answer 1

如果你动态地给任何需要隐藏“隐藏”类的图标，你可以创建一个这样的CSS规则：

.hide {
    visibility: hidden;
}

这样你就不会看到它，但它仍会占用物理空间。