html div 纵向,html – 在另一个div内垂直居中一个div

vertical-align属性仅适用于内联级和表格单元格(

source).在您的代码中,您正在使用块级元素.

试试这个flexbox替代品：

#wrapper {

border: 1px solid red;

width: 500px;

height: 500px;

display: flex; /* establish flex container */

align-items: center; /* vertically center flex items */

}

#block {

border: 1px solid blue;

width: 500px;

height: 250px;

/* vertical-align: middle; */

}

I'm Block

浏览器支持：所有主流浏览器都支持Flexbox,except IE < 10.一些最新的浏览器版本,如Safari 8和IE10,需要vendor prefixes.有关添加前缀的快速方法,请使用Autoprefixer. this answer中的更多详细信息.