垂直中间带茶几

Question

我试图将我的段落与表格，表格单元格和垂直对齐居中。 由于某种原因，它不起作用。 请检查我的代码 。

HTML

 <div class="a"> <img src="http://dummyimage.com/600x400/000/fff" alt=""> <div class="b"> <p>sdfsdfsdfsdfsdfs</p> </div> </div> 

CSS

 .a { display: block; float: left; height: 100%; min-height: 1px; width: 334px; background: red; } .a > * { float: left; } 

Answer 1

编辑小提琴http://jsfiddle.net/k73xfayx/在这里

外部元素必须具有display: table ，内部元素table-cell

我在您的img上放置了另一个DIV（类c）以得到该结构：一个周围的DIV（a），其中的两个DIV（c和b），其中一个包含img，一个包含文本的p-Tag。

Answer 2

您的代码似乎根本不包含任何< table >标记。 如果我对您的问题有误解，对不起。

如果已更改，则可以编辑问题并在其中发布代码的先前版本。 这将帮助有类似问题的人们。

这是我目前看到的：

<div class="a">
  <img src="http://dummyimage.com/600x400/000/fff" alt="">
  <div class="b">
    <p>sdfsdfsdfsdfsdfs</p>
  </div>
</div>

造型：

.a {
  display: block;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 334px;
  background: red;
}

.a > * {
  float: left;
}