I have a bunch of images which are loaded as a list, some have vertical orientation, some have horizontal, but I want them to appear neatly and left-aligned. This is my CSS code:
border:1px solid gray;
This is my HTML:
... many list items, some horizontal, some vertical
But this is what I get:
![The vertical image on the right-bottom corner should be starting the new line of images on the left side, how do I do that?]
The vertical image on the right-bottom corner should be starting the new line of images on the left side, how do I do that?
: http://i.stack.imgur.com/u7uXN.png Give Masonry a try.
以上就是css arrangement of differently sized list items in a neat row的详细内容，更多请关注web前端其它相关文章！