垂直中間帶茶幾

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;
}