Facebook的畫廊/收藏 - 裝載

居中的圖像實是否在數據庫中的畫廊放圖片的寬度和高度？Facebook的畫廊/收藏 - 裝載

使用JavaScript，他們不能確定有關圖像的寬度和高度，直到圖像完全加載。但在FB上，圖像被加載，而其顯示和圖像正確地居中水平和垂直。

2011-07-28 Dexy_Wolf

我懶得去看看FB現在，所以我會做的，而不是一個答案評論....你可以用保證金水平居中：汽車如果容器有文本對齊：中心，你可以使用填充來強制視覺垂直居中。 –

好的，對於水平的，但不可能爲每個不同的圖像實例垂直居中？ –

的Facebook已經知道確切的寬度和高度，因爲_they_調整用戶上傳後它_their_規格的圖像。 – Sparky

Facebook的使用display:inline-block的圖像和text-align:center父格在影院圖像居中圖像。查看他們的blog post，解釋他們是如何做到的。這是一個很好的CSS代碼，但不是所有的CSS。他們用JS來設置基於window.height的div之一line-height。

來源

2011-07-28 19:08:24 Mohsen

他們是如何創建這些'div'-s並設置在'body'' overflow：hidden'沒有JS的？ –

Facebook的畫廊/收藏 - 裝載

回答

相關問題