未固定高度的浮动div的垂直居中内容

Question

我在浮动的滑块中有一组div。 在这些div中，我想将内容（主要是文本）垂直居中。 我尝试了类似的方法，但是没有用：

<div class="floated">
  <div class="table">
     <div class"table-cell">
         <p>text</p>
     </div>
 </div>
</div>

.floated{
  float:left;
}

.table{
  display:table;
  vertical-align:middle;
  height:100%;
}

.table-cell{
   display:table-cell;

}

重要提示：我无法设置任何父元素的高度！

Answer 1

 .floated { float:left; } .table { display:table; height:100%; } .table-cell { display:table-cell; vertical-align:middle; } 

 <div class="floated"> <div class="table"> <div class="table-cell"> <p>text</p> </div> </div> </div> 

垂直对齐在表格单元格而不是表格上

Answer 2

您在此<div class"table-cell">行上错过了” =“

Answer 3

您的div输入有误，请尝试在表格显示中添加边距

 <div class="floated">
      <div class="table">
         <div class="table-cell">
             <p>text</p>
         </div>
     </div>
    </div>

    .floated{
      float:left;
    }

    .table{
      display:table;
      vertical-align:middle;
      height:100%;
      margin: 0 auto;
    }

    .table-cell{
       display:table-cell;
    }