CSS_居中_图片垂直居中_textarea垂直居中css-优快云博客

本文介绍了一种在CSS中实现元素垂直居中的方法，并通过实际案例展示了如何在不同浏览器下保持一致的效果。特别关注了IE浏览器的兼容性问题，提供了一种hack方式来解决这一难题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

摘自怿飞的空间

http://www.planabc.net/2008/05/26/img_vertical_center_solution/

奇怪的是在针对IE的HACK中，font-size我试验的无效，不知道这个黄金比例是否有依据？

自己改成了line-height反而有效果。。。

CSS：

.all { width:696px; height:200px; clear:left;} .box { width:232px; height:200px; background:#333; /*非IE的主流浏览器识别的垂直居中的方法*/ display:table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *float:left; *display:block; /*font-size: 175px; 约为高度的0.873，200*0.873 约为175*/ *line-height:200px; *font-family:Arial;}

HTML：