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

时间:2011-07-28 18:29:37

标签: javascript css facebook

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

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

1 个答案:

答案 0 :(得分:3)

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