我有一个asp.net 页面,我试图让图像位于表格单元格的中心,并让该图像成为另一个页面的链接。我对 CSS 不太擅长,但我尝试了几种不同的方法,这是我的结果截图:
如您所见,该链接位于图像旁边...我希望该链接位于该图像的中心,但也可以使该图像可单击(作为链接的一部分),如下所示:
这是我的表格(请记住,这是 ASPx GridView 控件的一部分,因此它会针对其数据源中的每一行重复):
<table style="text-align: left; border-collapse: collapse; width: 100%">
<tr>
<td style="width: 5%;"><strong>Request ID</strong></td>
<td class="field">Date</td>
<td class="field">Requestor</td>
<td class="field">Status</td>
</tr>
<tr>
<td rowspan="4" align="center" style="position:relative;">
<a href='<%#"pending_requests.aspx?RID=" + Eval("RequestID") %>'><img src="../images/document.png" alt="" style="z-index: -1"><%# Eval("RequestID") %></a>
</td>
<td>
<dx:ASPxLabel ID="labelRequestDate" runat="server" Text='<%# Eval("RequestDate") %>'></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="labelICAO" runat="server" Text='<%# Eval("ICAO") %>'></dx:ASPxLabel>
</td>
<td>
<dx:ASPxLabel ID="labelStatus" runat="server" Text='<%# Eval("Status") %>'></dx:ASPxLabel>
</td>
</tr>
<tr>
<td class="field" colspan="4">Summary</td>
</tr>
<tr>
<td colspan="4" valign="top">
<dx:ASPxLabel ID="labelSummary" runat="server" Text='<%# Eval("Summary") %>'></dx:ASPxLabel>
</td>
</tr>
<tr>
<td colspan="4">
<strong>Description:</strong>
<br />
<%# Eval("Description") %>
<br />
<br />
<strong>Comments</strong>
<br />
<%# Eval("Comments") %>
</td>
</tr>
</table>
“字段”类只是将文本加粗并将宽度设置为 10%。
请记住,我需要它才能在 IE7 及更高版本、Chrome 和 Firefox 中工作。
任何帮助表示赞赏!