记录一下：
采用 inline-block 方法：
HTML:
我是内容
我也是内容
立即学习“前端免费学习笔记（深入）”；
CSS:
#box { height: 400px; background: #c00;}
#content { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
#content { font-size: 12px; color: #fff;}
._actor { width:0; font-size:0; height: 100%; display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
加粗体的部分是关键所在。
原理是：都显示为行框的高度由最高的行内框决定。
i._actor作为演员，高度指定和父元素一致。
兼容性：支持inline-block的浏览器均可。
对于IE6/7，可以先使用hack方式使其支持 inline-block后，使用此方法实现垂直居中。
来源：张鑫旭的博客
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
