- ·上一篇文章:CSS:background-position的用法
- ·下一篇文章:竖向三级弹出菜单代码
当前位置:K88软件开发 → 文章中心 → 编程语言 → Css/Css3 → Css/Css301 → 文章内容
float使用图片循环简单化
<
%
'图片列表
'经常在页面上看到要循环显示图片,每行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>
float使用图片循环简单化