Question

我一直难倒，我试图找到一种方法在图像的左下角放置一个用户ID号有没有办法可以做到这一点？说明这是我到目前为止所做的事情

foreach (var item in Model.profile)
{ 
 // user picture
 <img src="@Url.Content("~/uploads/profilepic" + item.photo)"   alt="" />
  // user id number
   @Html.ActionLink(@item.userID, "user", "profile",new { id = item.ProfileID })
    }

使用上面的代码，图像旁边会显示用户ID号，但我试图将其放在图像中可能是左下角或右下角..我一直在寻找几个小时的解决方案，任何人都可以给出一些建议？感谢

Answer 1

这可以使用css解决。首先将actionlink包装在div中。

foreach (var item in Model.profile)
{ 
  // user picture
  <img src="@Url.Content("~/uploads/profilepic" + item.photo)"   alt="" />
  // user id number
  <div class="imageLabel">
    @Html.ActionLink(@item.userID, "user", "profile",new { id = item.ProfileID })
  </div>
}

然后是css：

.imageLabel {
  position: relative;
  top: -20px;
}

这将采取你的actionlink并将其移动到它应该在图像上的初始位置20像素。

mvc3如何在图像的下半部分放置一个数字

1 个答案: