Question

div+css 如何让第一张图实现第二张的样式？难道DIV只能直线？





Answer 1

CSS部分
.pic img{float:right; margin:5px;}

HTML部分
<div class="pic">
<img src="你的图片" style="widht:200px;" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" ><img src="你的图片" width="100" >

</div>

Answer 2

理论上是只能直线的。。。。你这个第一张图变第二张图。。。。大图的高度等于两个小图的高度的时候 漂浮float下是没问题的。。。但是一旦超过，小图的间隔就会隔开了。。。。。
所以你可以尝试下用jquery瀑布流布局试下 百度搜下都有的。

Answer 3

你把那个图的div宽度和高度都设置大一点不就好了哇

Answer 4

你的意思是不是想说鼠标放到某一张图上的时候，小图片会变成像第二张里面那样的大图片来展示？