html - 垂直对齐在 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”也不起作用。问候

Answer 1

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