喜歡讓我的div元素定位在這樣enter image description here我怎麼能他們是圖像
-3
A
回答
1
使用Flexbox的模仿磚石佈局的方式定位div元素。
HTML
<div id="container">
<img src="blah1.jpg" alt>
<img src="blah2.jpg" alt>
<img src="blah3.jpg" alt>
<img src="blah4.jpg" alt>
</div>
CSS
div#container {
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: wrap;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
max-height: 600px;
width: 500px;
}
div#container img {
width: 50%;
}
+0
沒有工作,我是用mosilla火狐 –
+0
您需要在寬度和高度的限制加上容器div看磚石流。這是一個例子。我還會更新我的代碼以包含這些剪切和粘貼的約束。 https://jsfiddle.net/04wwe7nv/ –
+0
我看到一個問題:我不知道元素的數量,所以我們無法確定「最大高度」 –
相關問題
- 1. 我怎麼能把圖像Three.js紋理
- 2. 我怎麼會被他們的頭銜
- 3. iPhone App:他們是怎麼做到的?
- 4. 怎麼能動畫圖像
- 5. 他們怎麼做到的?
- 6. 我在哪裏把圖像的圖像在Java(NetBeans),我怎麼鏈接他們的代碼?
- 7. 在直方圖中他們的酒吧角落的數字,我怎麼能讓他們在酒吧下居中?
- 8. 我怎麼可以看到,如果他們是同一類型
- 9. 我怎麼能把RadioButtons作爲他們RadioGroup的孫子們的好方法?
- 10. 我怎麼能解決我刪除是在其他
- 11. 我怎麼可以在其他功能
- 12. 我怎麼能叫Weblement其他類
- 13. 我怎麼能把圖像或圖標,谷歌線圖
- 14. 我怎麼有圖像調整和保留的能力,讓他們改變懸停
- 15. 「谷歌地圖」,我們怎麼能得到通過將地址
- 16. 我的2個總共r彼此混淆我怎麼能分開他們?
- 17. java.lang.outofmemoryerror即使他們是沒有圖像
- 18. 我們怎麼能說聚類質量衡量是好的?
- 19. LinearLayout與4個圖像 - 我不能看到他們洞
- 20. 怎麼CSS不能找到圖像?
- 21. md5解碼。他們怎麼做?
- 22. 我怎樣才能定位圖像
- 23. 我怎麼設置龜的圖像
- 24. 我怎麼能把Jbuttons考慮到arraylist考慮他們的名字?
- 25. MTK分享他們的AOSP源代碼嗎?我怎麼才能得到它?
- 26. 我怎樣才能按他們的百分比分割線程
- 27. 我怎樣才能讓新的「系統」和管理他們
- 28. 我怎樣才能比較POJO他們的領域反射
- 29. MSDN - 是他們還是我?
- 30. 我怎麼能保存的圖像轉換成團塊在C#
http://masonry.desandro.com/ –