首页 > 代码库 > 如何垂直居中一个浮动元素？如何垂直居中一个<img>?
如何垂直居中一个浮动元素？如何垂直居中一个<img>?
// 方法一：已知元素的高宽
#div1{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute; //父元素需要相对定位
top: 50%;
left: 50%;
margin-top:-100px ; //二分之一的height，width
margin-left: -100px;
}
//方法二:未知元素的高宽
#div1{
width: 200px;
height: 200px;
background-color: #6699FF;
margin:auto;
position: absolute; //父元素需要相对定位
left: 0;
top: 0;
right: 0;
bottom: 0;
}
如何垂直居中一个<img>
//<img>的容器设置如下给父盒子加这个代码
#container{
display:table-cell;
text-align:center;
vertical-align:middle;
}
如何垂直居中一个浮动元素？如何垂直居中一个<img>?
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。