html图片排版技巧,【CSS技巧】多图片的垂直居中排版

多图片的垂直居中排版，比如相册中相片的缩略图展示页，如图所示：

先看效果：

代码如下：

============================

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

无标题文档

.box{ width:232px; height:200px; background:#333333;

/*非IE的主流浏览器识别的垂直居中的方法*/

?display:table-cell;

?vertical-align:middle;

?/*设置水平居中*/

?text-align:center;

?/* 针对IE的Hack */

?? *display: block;

?*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

?*font-family:Ar