水平居中，可以用margin：0
auto;垂直居中用js动态固定，下面是我做的一个动态改变位置的代码，可以参考下：
var
contentWidth
=
window.screen.availWidth;
mainHeight
$(window).width();
nowHeight
$(window).outerWidth(true);
$('.yr_introduce').css("margin-left",(nowHeight
-
1903)/2);
DIV
没有太好的上下居中方法，兼容性最好的方式是用JS来计算DIV的高度，然后取浏览器窗口高度的一半-DIV高度=给DIV上部margin赋值。
有一种变通方式是把DIV改为TABLE，外层是一个一行一列，宽高100%的TABLE，然后给个table的TD设置为上下左右居中。
使文字在div中水平和垂直居中的的css样式为
水平居中：
text-align:center; /*水平居中*/
line-height: 20px; /*行距设为与div高度一致*/
2.垂直居中：
div{
width:200px;height:200px; /*设置div的大小*/
border:1px solid green;/*边框*/
text-align: center;/*文字水平居中对齐*/
line-height: 200px;/*设置文字行距等于div的高度*/
overflow:hidden;
}
显示效果
水平居中可以设置成margin:0
auto
垂直居中可以设置成top:50%,margin-top:-（div高度的一半）px;
body{margin:0;padding:0;position:relative;}
#box{width:500px;height:500px;position:
absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;background:#eeeeee}
这个层是垂直，水平居中的，说说原理.box,对body来定位，然后距离顶部50%，左边50%，再用margin-top，用个负的box高度一半，margin-left:负的box宽的一半，这样就居中了。
以上就是土嘎嘎小编大虾米为大家整理的htmldiv垂直居中_怎么把div的内容设置为水平垂直居中相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！