IE使用inline-blocks，非IE使用table-cell and vertical-align。
CSS代码：
| 以下是引用片段： /* for non-IE browsers */ div.holder {width:750px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;} } <!--[if IE]> <style type="text/css"> /* vertical align for IE */ #edge {width:0; height:100%; display:inline-block; vertical-align:middle;} #container {text-align:center; width:100%; display:inline-block; vertical-align:middle;} </style> <![endif]--> |
xhtml代码：
| <div class="holder"> <span id="edge"></span> <span id="container"><img src="graphics/homework.jpg" alt="" /></span> </div> |
作者的例子是单个的，我扩展了下，一页6张图片，可适用于像册和产品展示等地方，查看演示
form:http://www.cssplay.co.uk/menu/centered.html
]]>
