垂直对齐在HTML中不起作用

Question

我用CSS创建一个表，我希望单元格值在中间垂直对齐。我使用这个CSS代码：

div.cell
{
   float: right;
   border-left: 1px #293F6F solid;
   border-bottom: 1px #293F6F solid;
   height: 55px;
   width: 27%;
   text-align: center;

   display: table-cell;
   vertical-align: middle; 
}

和我的HTML代码：

<div class="cell">XYZ</div>

但它没有用。还有其他垂直对齐类型，如“text-bottom”，“bottom”和“top”不起作用.Regards

Answer 1

如果float: right;很重要，我建议删除div的height: 55px;并使用padding-top/bottom来定位文字。