asp分页多行多列代码(DIV)

本文介绍了使用HTML和CSS实现多列多行布局的方法,并展示了如何通过ASP实现数据的分页展示。文中提供了具体的代码实例,包括利用float属性创建多列布局及通用的分页代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

把li的样式加上float,加入固定值的width,只要这个width加起来小于等于整个宽,他可以多列显示
<divstyle="width:500px">
<ul>
<%fori=0to10%>
<listyle="width:100px;float:left"><%=i%></li>
<%next%>
</ul>
</div>



<!--以下是通用多列多行代码-->
<table>
<%'行循环判断to后面是行数
fori=1to5
%>
<tr>
<%'列循环判断to后面是列数
forj=1to2
ifnotrs.eofthen
%>
<td>显示内空</td>
<%
rs.movenext
else
%>
<td></td>
<%
endif
next
%>
</tr>
<%
next
%>
</table>


<!--以下是通用分页代码-->
<!--#includefile="../conn.asp"-->//路径按自己的设置好
<%
dimi,intPage,page,pre,last,filepath
setrs=server.CreateObject("adodb.recordset")
sql="select*fromuserorderbyuser_IDdesc"
rs.PageSize=20//这里设定每页显示的记录数
rs.CursorLocation=3
rs.Opensql,conn,0,2,1//这里执行你查询SQL并获得结果记录集
pre=true
last=true
page=trim(Request.QueryString("page"))

iflen(page)=0then
intpage=1
pre=false
else
ifcint(page)=<1then
intpage=1
pre=false
else
ifcint(page)>=rs.PageCountthen
intpage=rs.PageCount
last=false
else
intpage=cint(page)
endif
endif
endif
ifnotrs.eofthen
rs.AbsolutePage=intpage
endif
%>
<!--循环开始-->
<%
fori=1tors.PageSize
ifrs.EOForrs.BOFthenexitfor
%>
..................
//(以下是要循环显示的内容)..................
...................
<%
rs.movenext
next
%>
<!--循环体结束
分页部分:-->
<tablewidth="99%"border="1"cellpadding="2"cellspacing="2"borderColorLight=#808080borderColorDark=#ffffff>
<tr>
<%ifrs.pagecount>0then%>
<tdwidth="13%"align="left">当前页<%=intpage%>/<%=rs.PageCount%></td>
<%else%>
<tdwidth="41%"align="left">当前页0/0</td><%endif%>
<tdwidth="46%"align="right"><ahref="本页.asp?page=1">首页</a>|
<%ifprethen%>
<%ifrs.pagecount=1then'判断是否显示上页、下页
Response.Write""
else%>
<ahref="本页.asp?page=<%=intpage-1%>">上页</a>|<%endif%>
<%iflastthen%>
<ahref="本页.asp?page=<%=intpage+1%>">下页</a>|
<%endif
endif%>
<ahref="本页.asp?page=<%=rs.PageCount%>">尾页</a>|转到第
<selectname="sel_page">
<%
fori=1tors.PageCount
ifi=intpagethen%>
<optionvalue="本页.asp?page=<%=i%>"selected><%=i%></option>
<%else%>
<optionvalue="本页.asp?page=<%=i%>"><%=i%></option>
<%
endif
next
%>
</select>页</font>
</td>
</tr>
</table>



下面是DIV的多行多列,试试

<style>
<!--
ul{margin:0;padding:0;float:left}
li{list-style-type:none;}
-->
</style>
<DIV>
<%
fori=1to6'行循环判断to后面是列数
%>
<ul>
<%
forj=1to4'列循环判断to后面是行数
ifnotrs.eofthen
%>
<li>
<imgborder="1"height="131"src="http://iamh.cn/blog/images/cc.png"width="98">
</li>
<%
rs.movenext
else
%>
</li>
<%
endif
next
%>
</ul>
<%
next
%>
</DIV>
<%endif%>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值