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

Question

我有两个图像图标，基于某些情况我喜欢将其中一个图像的可见属性设置为 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;
}

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