Html 未显示img标签时垂直居中div

我有一个div，其中包括：

<div class="field-content">
 <a href="http://url.com">
  <img width="320" height="194" src="http://img.jpg"></img>
  <div class="tile_content">
   <div class="tile_title">content</div>
   <div class="tile_body">content</div>
  </div>
 </a>
</div>

---

您只需要知道div的垂直居中。此问题已在此处解决：

您可以将class

has image

添加到

中。字段内容

是否可以为有图像和无图像的块定义自己的样式。例如：

<div class="field-content has-image">
 <a href="http://url.com">
  <img width="320" height="194" src="http://img.jpg"></img>
  <div class="tile_content">
   <div class="tile_title">content</div>
   <div class="tile_body">content</div>
  </div>
 </a>
</div>

• 如果我答对了你的问题，那么

把那个img标签放在一个div里面，给这个div一个和你给image一样的高度，这样，图像是否在这个div里面就无关紧要了。它将始终显示为一个块，因此不会崩溃

好的，第一次，我采取了另一种方式，我认为有3个div，对此表示抱歉。 这里是小提琴链接：

enter code here

---

你能发布另一张显示你需要什么的图片吗？如果图片不在那里，那么。字段内容根本不存在，因为有时意味着。平铺内容也不会出现。。因为它是它的孩子。。。你想说清楚吗？？或者把它放在提琴上对不起，标签并没有出现在我的帖子里。我编辑了它，所以这是“在某些情况下，此字段内容根本没有img标记”的情况。虽然它不会回答您的问题，但值得注意的是，

您应该这样做

，或者只是

我不能将自己的样式添加到这一点上。所以另一种解决方案最好。但是我需要文本内容垂直居中。图像高度不是div的中心。为div指定一个特定的高度，将其设置为css

display:table单元格；垂直对齐：中间对齐；高度：350px

或者，创建一个提琴，我会尝试为您修复它。使用提琴链接检查上面编辑的答案，您需要向文本容器添加一个额外的类。imgAs我对M1K1O说过我不能添加那种样式。无法分辨是否有图像。因此，似乎这是不可能做到的，只是与CSS，然后。无论如何谢谢你！

.field-content.has-image {

}

enter code here