2016-08-18 48 views
1

我需要建立一個小圖像拼貼。像這樣:enter image description here建立一個動態和響應圖像拼貼

我和flexbox以及overflow:hidden;差不多,但它有太多的缺點。像一些帖子被切斷。

我也接近masonry.js,但那也不是很理想。有一些奇怪的差距,圖像順序變得混亂。

  1. 我在Wordpress模板中這樣做,所以HTMl,PHP,CSS,JS都很好。 GUI也不錯,不管怎樣。

  2. 理想情況下,第一個圖像將是最新的帖子,第二個是第二個最新的等等,最多六個。

  3. 我放在圖像上的尺寸標籤有點靈活,只要它適合不同尺寸的屏幕。

  4. 如果需要插件來調整圖像大小,創建不同的大小等,我會嘗試。

  5. 圖像是來自帖子內容類型的自定義WP字段(main_image)。

回答