html的问题,怎么让一个DIV在另一个DIV中水平垂直居中?
发布网友
发布时间：2022-04-24 11:47
共4个回答
热心网友
时间：2022-05-07 18:13
html中让一个DIV在另一个DIV中水平垂直居中，可以通过将一个div包裹第二个div，然后在将设置第一个div的宽高，要比第二大上很多，然后在设置第二个的宽高，然后通过margin：auto auto；这里我提交代码:
<html>
<head>
<title>文字测试</title>
<style>
#test{
width:800px;
height:400px;
border:1px solid #f00;
}
#test1{
width:400px;
height:200px;
border:1px solid #0f0;
margin:auto auto;
}
</style>
</head>
<body>
<div id='test'>
<div id='test1'>我是第二个div</div>
</div>
</body>
</html>
热心网友
时间：2022-05-07 19:31
你好，我有一个是已知高度垂直居中的方法,希望那个能帮到ni ：
css：
<style>#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高度计算 */
</style>
html：
<div id="box1">div1<div id="box2">div2高度是不固定的,以Div1为中点居中</div>
</div>
热心网友
时间：2022-05-07 21:06
用margin 以及设置宽 和 高，就可以了
热心网友
时间：2022-05-07 22:57
用margin属性试试。。。
