Facebook画廊/灯箱 - 加载时居中的图像

Question

Facebook的图库中是否将图像宽度和高度放在数据库中？

使用JavaScript，在图像完全加载之前，他们无法确定图像的宽度和高度。但是在FB上，图像被加载，而其显示和图像正确地水平和垂直居中。

Answer 1

Facebook使用display:inline-block表示图像，text-align:center表示父级div将图像置于影院图像中心。 查看他们解释他们是如何做到的blog post。这是一个很好的CSS代码，但不是所有的CSS。他们使用JS根据line-height设置其中一个div的window.height。