Div выравнивание содержимого запроса

Question

Можно создать дубликат:
Vertically align div (no tables)

У меня есть div, и я хотел бы, чтобы выровнять все содержимое в этом div - в настоящее время в h1 тег вертикально в центре, как бы я сделай это?

HTML:

<div> 
    <h1>Content</h1> 
</div> 

CSS:

div{ 
    width:100%; 
} 
div h1{ 
    margin:0 auto; 
} 

Answer 1

Я думаю, что нет никакого креста решения браузера для вертикального центрирования вашего DIV контейнера, но есть плагин 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);

Затем вы можете добавить этот Javascript:

$(document).ready(function() {
$('div h1').vAlign();
});