Question

我在gridview模板字段中有图像和标签。

<asp:TemplateField HeaderText = "Rate" >
    <ItemTemplate>
       <asp:Image ID="imgID" runat="server" />
        <asp:Label id="ImageNameLabel" Text="" runat="server" /> 
     </ItemTemplate>
</asp:TemplateField>

代码背后

if (e.Row.RowType == DataControlRowType.DataRow)
{
    Image img = (Image)e.Row.FindControl("imgID");
    img.ImageUrl = "~/Images/s1.png";
    img.Height = 80;
    img.Width = 80;
    e.Row.Cells[6].Controls.Add(img);
    Label lbl = (Label)e.Row.FindControl("ImageNameLabel")  
    lbl.Text = "Image Name Here";
}

当我运行应用程序时，图像和标签都显示在彼此旁边。我希望标签位于图像正下方。

如果我添加此

lbl.Text = "Image Name Here" + "<br/>";

然后它将是另一种方式（标签在顶部，图像在底部）。

如何在图片下方移动标签？

Answer 1

试试这个，它应该有效。

<asp:TemplateField HeaderText = "Rate" >
<ItemTemplate>
<table>
<tr>
  <td align="center">
   <asp:Image ID="imgID" runat="server" />
  </td>
</tr>
<tr>
  <td>
    <asp:Label id="ImageNameLabel" Text="" runat="server" /> 
  </td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>

Asp.net Gridview模板字段中断不起作用

1 个答案: