我有響應式設計一個博客。在這篇博客的文章頁面中,我在每篇文章的末尾都有一個「Related Posts」div。調整隻用CSS(響應式設計)多個div的高度
這些div的高度依賴,有時內容的變化,然後它打破了佈局。希望下面的圖像將更清楚地說明問題:
我能夠通過包裝父容器內的div的每一行來解決這個問題,但是這種解決方案是不適合的,因爲有不同數量的根據窗口的分辨率,按行分列相關的帖子。
我知道有些人通過比較每個div的高度,找到最高的一個修正的JavaScript這個問題,但我寧願有一個純CSS的解決方案。
任何想法?
顯示你的代碼。 – Hiral
'@ media'查詢。 – Ranveer
你可以使用'overflow-y:hidden;' - 然後你可以截斷每一個的主體,以確保它不會以醜陋的方式被切斷。 – brandonscript