2015-08-03 70 views
0

我有一個相冊縮略圖,2列和3行的網格頁面。在第三行,但我有一個問題,對準行上的兩個項目...元素/在網格塊後插入中斷或空間

我一直試圖插入一個css中斷後每個專輯縮略圖this page ...插入一個例如之間的專輯似乎固定第三行中的錯位問題......即在第五張專輯拇指插入BR清除所有在Drupal頁面的PHP TPL,例如:

<br clear="all"> 

<div data-thmr="thmr_223" class="break-media node node-media-gallery node-teaser mg-gallery mg-teaser clearfix" id="node-136"> 

      <h4><a href="/gallery/philippine-development-forum-on-bangsamoro-davao-city-november-5-and-6-2014">The Philippine Development Forum on the Bangsamoro, Davao City, November 5 and 6, 2014</a></h4> 

     <div data-thmr="thmr_227" class="media-collection-item-wrapper media-gallery-draggable-processed draggable"><div class="draggable-wrapper"><a class="draggable-handle">Drag</a></div><img src="/sites/all/modules/media_gallery/images/stack_bg.png" class="stack-image"><div data-thmr="thmr_231" class="media-gallery-item"><div class="top"><div class="top-inset-1"><div class="top-inset-2"></div></div></div><div class="gallery-thumb-outer"><div class="gallery-thumb-inner"><a data-thmr="thmr_232 thmr_233" class="media-gallery-thumb" href="/gallery/philippine-development-forum-on-bangsamoro-davao-city-november-5-and-6-2014"><img width="450" height="300" data-thmr="thmr_228 thmr_229 thmr_230" alt="" src="http://www.mtf.ph/sites/default/files/styles/media_gallery_thumbnail/public/media-gallery/2015the-philippine-development-forum-on-the-bangsamoro-davao-city-november-5-and-6-2014/photo-placement-1_2.jpg?itok=tgjurGwY"></a></div></div><div class="bottom"><div class="bottom-inset-1"><div class="bottom-inset-2"></div></div></div></div></div> </div> 

我有問題,但是在插入類模板的PHP頁面,因此正在尋求任何替代品在CSS而不是... 即使顯示(內嵌或塊)或添加填充和邊距,我似乎無法讓它正確...讚賞任何蘇ggestions

+0

投票結束此問題:「尋求調試幫助的問題(」爲什麼這個代碼不工作?「)必須包含所需的行爲,特定的問題或錯誤以及**在問題中重現它的最短代碼本身**。沒有明確問題陳述的問題對其他讀者無益。「 [源](http://stackoverflow.com/help/on-topic),強調加入 –

+0

感謝您的建議,增加了更多的解釋和示例代碼... – jaesperanza

回答

1

作爲一個快速解決方案,您可以嘗試將min-height: 400px;添加到.mg-col .mg-gallery.mg-teaser類中,但您需要使用媒體查詢來調整400像素以考慮不同的屏幕寬度。

+0

Yey!大!是!這解決了這個問題...應用這個,並將檢查屏幕寬度...感謝您的善意幫助肖恩! – jaesperanza

1

你有沒有考慮使用flex來對齊元素?

+0

謝謝,kajyr,是的,我試過flex,但它會導致更多返工站點範圍...將嘗試更多的選項,雖然使用柔性... – jaesperanza