asp代码怎样让图片按要求换行

<bodytopmargin="0"leftmargin="0"rightmargin="0"bottommargin="0"marginwidth="0"marginh... <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#000000" vlink="#000000" alink="#000000">
<div align="center">
<table width="580" border="0" cellpadding="0" id="table1" style="border-collapse: collapse">
<tr>
<td bgcolor="#CC6699">
<div align="center">
<hr color="#000000" size="1" width="500">
<p style="margin-top: 2px; margin-bottom: 2px">
<span style="letter-spacing: 1px"><font face="宋体"><span style="font-size: 9pt; font-weight: 700">
<%
if rs.bof or rs.eof then
response.Write("<center><br><br><br><span style='font-size: 9pt; font-weight:700'><font color=black>暂无作品,</span></font><br><br><br></center>")
else
rs.pagesize=5
page=cint(Request.QueryString("page"))
if page<1 then
page=1
elseif page>rs.pagecount then
page=rs.pagecount
end if
rs.AbsolutePage=page
for i=1 to rs.pagesize
IF rs.eof THEN EXIT FOR
%>
<table width="130" border="0" align="left" cellpadding="0" bgcolor="#FFFFFF" onMouseOver="mOvr(this,'#F7F5F5');" onMouseOut="mOut(this,'#FFFFFF');" id="table6" style="border-collapse: collapse">
<tr>
<td>
<div align="center">
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table7">
<tr>
<td>
<div align="center">
<table border="1" width="100%" style="border-collapse: collapse" id="table8" bordercolor="#000000" cellspacing="4" cellpadding="2">
<tr>
<td width="120" rowspan="3">
<p>
<a href="http://<%=rs("zpdz")%>" target="_blank">
<img src="img/<%=rs("zpxt")%>" alt="此作品添加时间:<%=FormatDateTime(rs("tjsj"),vbShortDate)%> 名称:<%=rs("zpmc")%>" border="1" style="border: 1px solid #000000; " width="110" height="100" hspace="2"></a></td>
</tr>
<tr>
</tr>
</table>
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
<div align="center"><span style="font-size: 9pt">
<%
rs.MoveNext
NEXT
%>
</span> </div>
<p align="center" style="margin-top: 2px; margin-bottom: 2px"> <span style="font-size: 9pt"><div align="center">
<hr color="#000000" size="1" width="500">
</div>
</span><hr color="#000000" size="1" width="500"> </td>
</tr>
<tr>
<td bgcolor="#CC6699"> </td>
</tr>
</table>
</div>
<span style="font-size: 9pt">
</body>
</html>
<%
rs.close
set rs=nothing
db.close
set conn=nothing
end if
%>
代码从<body>开始,前面还有但由于长度限制,感觉于本问题也没有联系所以没发,高手一望便可知关键所在.代码中的<href>一段是网站的主体,意为在前台显示一个方形图片及其链接.在后台可以增加更改或删除,后台添加一个,前台就显示一个,添加两个,前台就显示两个,依此类推.问题是:前台表格的宽度只够显示四个,当你在后台添加图片超过四个时,剩下的都"淹没"在了后面,不太智能,不会自动换行.具体效果如相册所示: http://hi.baidu.com/%BE%DE%B4%F3%D0%CD%CC%AB%D0%E9/album/item/d65d52134d618938203f2e2e.html 我的要求就是:一排四个,后台再添图片的时候自动换行! 分不多,具体要在哪里动手,真诚谢谢朋友们的关注与帮助! 展开

 我来答

4个回答

#热议# 不吃早饭真的会得胆结石吗？

w__miao
2010-05-07 · 超过18用户采纳过TA的回答

知道答主

回答量：49

采纳率：0%

帮助的人：45.5万

我也去答题访问个人页

关注

展开全部

首先说明我不知道你的id="table6"和id="table7"
,id="table8"这些id有没有其他的作用，看你的循环输出的无效代码太多，每一张图片外都是三个table 对网站来说这简直就是灾难。
还有一点rs.pagesize=5
应该设置成4 的倍数（因为你一行输出4张）
先这样，你先试下效果。
<%
if rs.bof or rs.eof then
response.Write("<center><br><br><br><span style='font-size: 9pt; font-weight:700'><font color=black>暂无作品,</span></font><br><br><br></center>")
else
rs.pagesize=5
page=cint(Request.QueryString("page"))
if page<1 then
page=1
elseif page>rs.pagecount then
page=rs.pagecount
end if
rs.AbsolutePage=page
dim hang '设置一个变量控制图片数量
hang=0
%>
<table width="100%" border="0" align="left">
<tr>
<%
for i=1 to rs.pagesize
IF rs.eof THEN EXIT FOR
if hang>4 then '当数量超过4张得时候另起一行输出新tr
hang=0 '变量归零重新计算
%>

</tr><tr><td width="120" bgcolor="#FFFFFF" onMouseOver="mOvr(this,'#F7F5F5');" onMouseOut="mOut(this,'#FFFFFF');" id="table6" style="border-collapse: collapse">
<a href="http://<%=rs("zpdz")%>" target="_blank">
<img src="img/<%=rs("zpxt")%>" alt="此作品添加时间:<%=FormatDateTime(rs("tjsj"),vbShortDate)%> 名称:<%=rs("zpmc")%>" border="1" style="border: 1px solid #000000; " width="110" height="100" hspace="2"></a></td>
<%
else
%>
<td width="120" bgcolor="#FFFFFF" onMouseOver="mOvr(this,'#F7F5F5');" onMouseOut="mOut(this,'#FFFFFF');" id="table6" style="border-collapse: collapse">
<a href="http://<%=rs("zpdz")%>" target="_blank">
<img src="img/<%=rs("zpxt")%>" alt="此作品添加时间:<%=FormatDateTime(rs("tjsj"),vbShortDate)%> 名称:<%=rs("zpmc")%>" border="1" style="border: 1px solid #000000; " width="110" height="100" hspace="2"></a></td>

<%
end if
hang=hang+1 '变量增长
rs.MoveNext
NEXT
%>
</tr></table> '这个一定不能丢

已赞过 已踩过<

评论收起

小猫笑我笑猫小
2010-05-07 · TA获得超过653个赞

知道小有建树答主

回答量：515

采纳率：0%

帮助的人：608万

我也去答题访问个人页

关注

展开全部

像你要求的这种循环式的输出建议用DIV布局好点，如果不想更改太多就像1楼说的一样程序中判断下。或者只把这一块用DIV布局，其他保持表格布局

已赞过 已踩过<

评论收起

人间公道rjgd
2010-05-07 · TA获得超过1761个赞

知道小有建树答主

回答量：648

采纳率：0%

帮助的人：169万

我也去答题访问个人页

关注

展开全部

在要分行的图片结尾加个<br/>

已赞过 已踩过<

评论收起

qepuemc
2010-05-07 · 超过91用户采纳过TA的回答

知道小有建树答主

回答量：457

采纳率：0%

帮助的人：96.8万

我也去答题访问个人页

关注

展开全部

两种方法，一种是在程序中加入判断，到四行就加入<tr>
第二种是用层布局，让他自动挤到下面去。

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

asp代码怎样让图片按要求换行

其他类似问题

为你推荐：