2 super1000md super1000md 于 2013.11.29 00:01 提问

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

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

echo '

我是可爱的标题

'. " ";

CSDN移动问答

3个回答

franzhong
franzhong   2013.11.29 15:39
已采纳

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

.divClass img{max-height:150px}

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

u012210186
u012210186   2013.11.29 10:24

float :left;

u013101991
u013101991   2013.12.24 16:51

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!