Html 垂直中心内容，高度未知，溢出隐藏

我有一种情况，我需要在一个div内垂直居中一些内容（特别是一个iFrame），其中父div将小于内容。到目前为止，我所能找到的关于垂直居中的一切都是关于拍摄图像的，而这些图像的工作方式似乎不同

下面是简单的代码

<div class="video">
  <iframe id="youtube-XXXX" src="..." style="width: 855px; height: 481px;"></iframe>
</div>

---

现在，我得到了预期的高度，但是iFrAMP的顶部与div的顶部对齐。如何在中间渲染iFrAME.< /P> < P>可以使用jQuery为目的：jQuery函数将是这样的：

jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                            $(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                            $(window).scrollLeft()) + "px");
return this;
}

电话可以是这样的：

$(element).center();

在您的情况下，为div指定一个名称，如“dvVideo”，然后调用函数：

$("#dvVideo").center();

归功于：

$("#dvVideo").center();