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

Question

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

echo '

我是可爱的标题

'. " ";

Answer 1

不整齐最主要原因是你图片大小不一造成的，无论你怎么float，图片大小不一样肯定会参差不齐
解决方案两个：
1:横向布局，横向的三张图片为一个div包围，但要在css中限制高度,比方说

.divClass img{max-height:150px}

同时有min-height属性，也或直接定死，height:150px;也要测试图片宽度不一造成影响，处理方法一样
2:纵向步局，总体分为三纵列，可考虑用瀑布流，可搜一下看效果