为什么使用vertical-align 不能实现垂直居中

[bj_bxz]

[風灬雲]

父元素需要有行高

[qq137510669]

vertical-align只针对td有效，想要实现垂直居中，使用定位，父元素定位设置为relative,子元素设置为absolute,margin:auto,left,right,top,bottom都设置为0

[Logerlink]

#parent 再加上这俩
text-align: center;
line-height: 300px;

[pbessie]

3楼正解，要加上line-height

[那么那么晴天依旧、]

vertical-align:middle 只对行内元素生效，不对块元素生效，即使设置了display：inline-block,但对象的确呈内联元素，但内容还是呈块元素展示,所以需要转换成table
解决办法：
1.将#child的 display与vertical去掉
2.设置#parent{
display:table-cell;
vertical-align:middle
}