1

我在将下面 div 中的文本垂直居中时遇到了很多麻烦。如果有人可以帮助我完成此任务,我将不胜感激。

这是我尝试过的:

<div class="input-label" style="vertical-align:middle;">Toys:</div>

这是我当前的标记:

<div class="input-label" >Toys:</div>

CSS

.input-label
{
   background-color:#7a86d0; 
   height:30px; 
   float:left; 
   width:130px; 
   text-align:right; 
   font-weight:bold; 
   padding-right:10px; 
}

提前谢谢了!

4

2 回答 2

1

尝试添加line-height: 30px;到您的 CSS。

于 2013-02-07T18:44:49.193 回答
0

在 div 样式中,插入一个“display: table-cell;” 在垂直对齐之前。

于 2013-02-07T18:29:36.450 回答