垂直对齐div（无表格）

除非您能够显式设置容器的高度（看起来不是这样）， 否则没有跨浏览器解决方案 可以将DIV容器垂直居中。

使用表是完全可行的，但是您已经注意到不能使用它。

如果可以选择使用javascript，我们可以轻松为您解决。jQuery插件已经存在，用于垂直对齐容器。

(function ($) {    // VERTICALLY ALIGN FUNCTION    $.fn.vAlign = function() {        return this.each(function(i){ var ah = $(this).height(); var ph = $(this).parent().height(); var mh = (ph - ah) / 2; $(this).css('margin-top', mh);        });    };})(jQuery);

您将像这样垂直对齐DIV块：

$('#example').vAlign();