4个回答
展开全部
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>
<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>
展开全部
你好,我有一个是已知高度垂直居中的方法,希望那个能帮到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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用margin 以及设置宽 和 高,就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询