Question

我是mvc5的新手，我的情况是我必须在图像上显示标签（不在里面，如果可能的话请告诉我这样的方式）。

我的lablel包含一个文本，我想在该图像上显示该文本。请看下面（我的尝试）：

<li class="odd">
    <a class="dropdown-toggle" id="btn_dashboard" onclick="return BackToHome();">
        <span><label class="LabelCSSTop">@DateTime.Now.Day  </label>  </span> //This is my text which dislay above the image (not on the image, I also want to increase its defaut size)
        <span class="head-icon head-dashboard" style="margin-top: -15px;"></span> //This displays the image below the text displayed in line above.
    </a>
</li>

是的，它会显示文本下方的图像（我的意思是DateTime.Now.Day），因为编写的代码是这样做的。但有什么办法可以让我的文字只在图像的中心？（大小超过默认大小）

Answer 1

因此，假设我们在同一页面上，您可以在内容中添加div：

<div class="divination"> 
   <span><label class="LabelCSSTop">@DateTime.Now.Day  </label>  </span>
</div>

然后在你的CSS中有一个divination类：

.divination{
  height: 50px; // height of div
  display: table-cell; // makes the div behave like a table cell for text content
  vertical-align: middle; // vertically aligns the text content not the image
  background-image: url(../images/divbg.png) // sets the background image. Note: path  is relative to the css file
}

您需要确保LabelCSSTop课程不会覆盖divs内容设置。

如何使用MVC方法在图像上显示文本

1 个答案: