Question

css 怎样设置div的垂直居中

Answer 1

1、使用line-height

<!--HTML-->
<div id="parent">
    <div id="child">Text here</div>
</div>

/*---css---*/
#child {
    line-height: 200px;
}

<!--垂直居中一张图片，代码如下
html 
-->
<div id="parent">
    <img src="image.png" alt="" />
</div>

/*--css--*/
#parent {line-height: 200px;}
#parent img {vertical-align: middle;}

   

2、使用vertical:middle

<!--HTML-->
<div id="parent">
<div id="child">Content here</div>
</div>

/*---CSS---*/
#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

Answer 2

margin: 0 auto;