css设置div垂直居中显示
2017-03-29 13:51
435 查看
css设置div垂直居中显示:
css样式:
.parent{
width:100%;
height:700px;
background-color: cyan;
position: relative;
}
.child{
width:400px;
height:400px;
background-color:#000;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
}
html结构:
<div class="parent">
<div class="child">
</div>
</div>
css样式:
.parent{
width:100%;
height:700px;
background-color: cyan;
position: relative;
}
.child{
width:400px;
height:400px;
background-color:#000;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
}
html结构:
<div class="parent">
<div class="child">
</div>
</div>
相关文章推荐
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- div+css中如何让图片垂直居中显示
- css div中文字垂直居中显示
- css控制一个div在其父级的div垂直居中显示
- 如何设置图片、文字在容器(div)中垂直居中的显示?
- CSS设置DIV居中显示
- Web_CSS_DIV内部垂直居中显示
- CSS中设置DIV垂直居中的N种方法 兼容IE浏览器
- div+css垂直居中显示
- div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
- CSS的哪个属性可以设置DIV模块居中显示?
- CSS中设置DIV垂直居中的N种方法 兼容IE浏览器
- Css实现Div在页面上垂直居中显示
- Css控制div水平垂直居中显示
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- css+div设置内容水平和垂直居中
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- CSS 图片在DIV中垂直居中的显示方法
- 纯CSS如何让图片以及DIV垂直居中显示?