用margin属性试试。。。
用margin 以及设置宽 和 高，就可以了
网友们，我有一个是已知高度垂直居中的方法,希望那个能帮到ni ：
css：
#box1{width: 100px; height: 40px; padding: 10px; border: 1px solid #ccc; margin: 200px auto; 喊衡position: relative;}
#box2{ width: 70px; padding: 20px; border:1px solid red; position: absolute; left: 50%; top:50% ; margin-top: -66px;}
/*margin-top = 根据#box高度计算 */
html：div1
div2高度是郑庆做不固定的,以Div1为中点居中
html中让一个DIV在另一个DIV中水平垂直居中，可以通过将一个div包裹第二个div，然后在将设置第一个div的宽高，要比第二大上很多，然后消喊在设置第二个的宽高，然后通过margin：auto auto；这里我提交代肢桥春码:
历耐
文字测试
#test{
width:800px;
height:400px;
border:1px solid #f00;
}
#test1{
width:400px;
height:200px;
border:1px solid #0f0;
margin:auto auto;
我是第二个div
1.单行文本是通过设置父元素的height和line-height高度一致来完成的，其中height是指元素的高度,line-height是指行间距。
案例：
写一个我是单行文本，我想垂直居中
水平尺李居中可以设置成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宽的一半，这样就居中了。
以上就是土嘎嘎小编大虾米为大家整理的html怎么让div垂直居中_怎样让div的内容垂直居中显示相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！