如何將文字居中置於圖像上？

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

可以使用的margin-top：5px的;或padding-top：5px; （取決於你的div如何設置）在你有你的文本推下來的div。

乾杯

Answer 3

只要把代碼

line-height:28px; 

在你的類。