怎么让一个div在另一个div中垂直居中
1个回答
2016-12-14 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
给你个非常简单有效，兼容性也很好的方法(只考虑IE9+)低版本IE浏览器请考虑别的方式，直接在父级div上加以下样式，注意，外容器需要指定一个height：
.root-div {
height: 300px;
}
.children-div {
position: relative; /*必须指定position，值也可以为absolute*/
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
HTML代码：
<div class="root-div">
<div class="children-div"> ... </div>
</div>
.root-div {
height: 300px;
}
.children-div {
position: relative; /*必须指定position，值也可以为absolute*/
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
HTML代码：
<div class="root-div">
<div class="children-div"> ... </div>
</div>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
