div内容对齐查询
可能的重复：
垂直对齐 div（无表格）
我有一个 div我想对齐此 div 中的所有内容 - 目前是 h1 标签垂直居中，我该怎么做？
HTML：
<div>
<h1>Content</h1>
</div>
CSS：
div{
width:100%;
}
div h1{
margin:0 auto;
}
Possible Duplicate:
Vertically align div (no tables)
I have a div and I would like to align all content within this div - currently an h1 tag vertically centre how would I do this?
HTML:
<div>
<h1>Content</h1>
</div>
CSS:
div{
width:100%;
}
div h1{
margin:0 auto;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我认为没有跨浏览器解决方案可以垂直居中 DIV 容器，但有一个 jQuery 插件可以让您执行此操作：
(function ($) {// 垂直对齐函数
$.fn.vAlign = 函数() {
返回 this.each(函数(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();
});
I think there is no cross browser solution for vertically centering your DIV container, but there is a jQuery plugin that allows you to do this:
(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);
Then you can add this Javascript:
$(document).ready(function() {$('div h1').vAlign();
});