在图像ASP.Net MVC视图下面放一些行

Question

我创建了一个填充图像的页面，并像这样编写了他们的名字（ASP.Net MVC）：

这是我的代码：

<span style=" display : block">

  

   <a href="<%= Url.Action("EditProduct", new { id = item.Id }) %>">
   <img src='<%= Url.Action( "getImg", "Product", new  { ShopId = item.Id }) %>'   alt="" /></a>

    <%: Html.DisplayFor(modelItem => item.Name)%>
<% }%>
</span>

但我想把名字放在图片的下面。我试过像桌子这样的方法，但我没有成功。任何的想法？

Answer 1

试试这个：

<img src='<%= Url.Action( "getImg", "Product", new  { ShopId = item.Id }) %>' style="clear:both"  alt="" />

Answer 2

在<br />

之后添加</a>标记

<span style=" display : block">
    <a href="<%= Url.Action("EditProduct", new { id = item.Id }) %>">
    <img src='<%= Url.Action( "getImg", "Product", new  { ShopId = item.Id }) %>'   alt="" /></a><br />
    <%: Html.DisplayFor(modelItem => item.Name)%> <%}%>
        </span>