html - 如何垂直居中f界线？

我想在这张照片中间的一张照片旁边放一张照片。我该怎么做？我这样试过：

<figure>
     <img src="Pic1" style="width:60%; height:auto; float:right" />
     <figcaption class="title" style="vertical-align:middle">xxx</figcaption>
</figure>

但标题仍在图片上方。

最佳答案

试试这个解决方案

figure {
   display:table;
}
figure figcaption.title {
   display:table-cell;
   vertical-align:middle;
}
figure img {
   display:table-cell;
   width:60%;
}

<figure>
    <figcaption class="title">xxx</figcaption>
    <img src="http://placehold.it/250x300"/>
</figure>

关于html - 如何垂直居中f界线？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33277149/