Question

如何使得很多个包含图片的div排列整齐？

向大家请教一个问题。
我使用php输出很多个包含图片的div，代码如下。我用的是css中的float:right来控制，但是这些div排列不整齐。请问大家，该怎么控制这些div才能使得图片排列整齐呢？

echo '<div style="float:right;" ><img name="" src="'.$row['thumbnail'].'" /><p>我是可爱的标题</p></div>'. " ";

Answer 1

看你想要哪种效果了，你的图片大小不一样，用楼上回答的方法能做到图片顶部对齐，此前提是你的li要设置一个高度，如果你想实现好像淘宝页面的那种遇到空隙就顶上去的排版就用一种叫瀑布流的特效，比如这种效果:http://www.jsfoot.com/jquery/demo/2012-10-31/790.html 希望对你有帮助

Answer 2

用列表的方式来排列吧，<ul><li></li></ul> li的样式要float:left，整个ul放进div里面,div按你现在的flaot:right即可。