html - 在图像 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>

但我想将名称放在图像下方。我尝试了一些方法，比如 table，但我没有成功。任何想法？

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>