如何将文本置于图像中心？

Question

我正在尝试在按钮图像上放置一些文字。我设法在按钮上从左到右对齐它，但垂直对齐并不能完成剩下的工作。 CSS中是否有一种方法可以将文本垂直居中。

.selectedTabOnPlacementMenu
{
    background: url('/Content/Images/Blank_Yellow.png') no-repeat;
    width:88px;
    height:28px;
    text-align:center;
    font-weight:bold;
}

Answer 1

如果是单行文本，则可以设置行高。

<div style="height:50px;background-color:#ccc;">
    <p style="line-height:50px;">test</p>
</div>

垂直居中多行文字要困难得多。

Answer 2

只需输入代码

即可

line-height:28px;

在你班上。

Answer 3

你可以使用margin-top：5px;或填充顶部：5px; （取决于你的div的设置方式）div中有你的文本将其推下来。

干杯