当前位置:K88软件开发文章中心编程语言Css/Css3Css/Css301 → 文章内容

float使用图片循环简单化

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:49:52

<
%
'图片列表
'经常在页面上看到要循环显示图片,每行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使用图片循环简单化