当前位置:asp编程网>技术教程>Css3教程>  正文

float使用图片循环简单化

2008-12-10 22:56:41   来源:aspprogram.cn    作者:佚名   浏览量:2475   收藏

< %
'图片列表
'经常在页面上看到要循环显示图片,每行5个,共3行,本来是用表格来做,后来才发现,太麻烦了。
'原因:
'图片的数量不确定,显示的时候,如果正好是5的倍数,使用循环即可解决
'1、如果不是行的陪数,就不方便循环了
'2、如果最后一行上数量小于5,那么要循环至5倍数,补上空格,这样看起来页面就不变行。不然最后一行的图片在中间,这样就不是自己想要的了
'解决办法:使用div循环
'举例
% >
<div style="width:200px;">
< %
For i=1 To 12  '你改一下12为其他数量,看看效果
% >
  <div style="float:left;width:40px;"> <!--float用来左对齐,width控制每行的数量-->
  <img src="" width="40" height="40">
  </div>
< %
next
% >
</div>



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网