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

问题描述

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

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

echo '

我是可爱的标题

'. " ";

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

.divClass img{max-height:150px}

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

解决方案二：

float :left;

解决方案三：

这种不规则的，你最好用竖着是一个盒子的，定好宽度统一。也可以用定位做，不过比较麻烦了

【云栖快讯】2017互联网超级工程阿里双11完美落幕，交易额突破1682亿，但阿里工程师如何玩转“超级工程”，背后黑科技又是如何？12月13-14日，12位大咖直播分享揭秘1682亿背后技术实践，马上预约详情请点击