ASP图片怎么显示多横代码?
<DIVid=MODBLK_944class="mod_blockmb_FUW1T23u_block"><H3class=blk_t>推荐产品</H3><DIVclass...
<DIV id=MODBLK_944 class="mod_block mb_FUW1T23u_block">
<H3 class=blk_t>推荐产品</H3>
<DIV class=newprod>
<DIV class=newprod_top></DIV>
<DIV class=newprod_con>
<SCRIPT language=javascript type=text/javascript>
<!--
function updatecartstate(response) {
var o_result = _eval_json(response);
if (!o_result) {
return addprodfailed(response);
}
if (o_result.result == "ERROR") {
alert(o_result.errmsg);
return false;
} else if (o_result.result == "OK") {
$("#disp_n_prds").html(o_result.n_prds);
alert("产品已加入购物车!");
return true;
} else {
return on_failure(response);
}
}
function addprodfailed(response) {
alert("请求失败!");
return false;
}
function add2cart(p_id) {
var p_num = document.getElementById("prod_num_" + p_id).value;
_ajax_request("mod_cart", "addtocart",
{ p_id: p_id, p_num: p_num }, updatecartstate, addprodfailed);
}
//-->
</SCRIPT>
<DIV class=pro_over>
<TABLE class=media_grid cellSpacing=4 width="100%">
<TBODY>
<TR>
{aspcms:content sort=5 num=4 order=visits}
<TD>
<DIV class=newprod_list>
<DIV class=newprod_pic><A title="[content:title]" href="[content:link]"><IMG class="attachment-small" title="[content:title]" alt="[content:title]" src="[content:pic]" /></DIV>
<DIV class=newprod_name><A class="product_name" title="[content:title]" href="[content:link]">[content:title len=10]</A></DIV>
<DIV class=newprod_price>价格:[content:P_Price]¥</DIV>
<DIV class=newprod_intr>分类: [content:sortname]</DIV>
<DIV class=blankbar1></DIV></DIV>
<DIV class=list_more>
</TD>
{/aspcms:content}
</TR>
</TBODY></TABLE>
</DIV></DIV>
怎么实行多横图片显示?? 展开
<H3 class=blk_t>推荐产品</H3>
<DIV class=newprod>
<DIV class=newprod_top></DIV>
<DIV class=newprod_con>
<SCRIPT language=javascript type=text/javascript>
<!--
function updatecartstate(response) {
var o_result = _eval_json(response);
if (!o_result) {
return addprodfailed(response);
}
if (o_result.result == "ERROR") {
alert(o_result.errmsg);
return false;
} else if (o_result.result == "OK") {
$("#disp_n_prds").html(o_result.n_prds);
alert("产品已加入购物车!");
return true;
} else {
return on_failure(response);
}
}
function addprodfailed(response) {
alert("请求失败!");
return false;
}
function add2cart(p_id) {
var p_num = document.getElementById("prod_num_" + p_id).value;
_ajax_request("mod_cart", "addtocart",
{ p_id: p_id, p_num: p_num }, updatecartstate, addprodfailed);
}
//-->
</SCRIPT>
<DIV class=pro_over>
<TABLE class=media_grid cellSpacing=4 width="100%">
<TBODY>
<TR>
{aspcms:content sort=5 num=4 order=visits}
<TD>
<DIV class=newprod_list>
<DIV class=newprod_pic><A title="[content:title]" href="[content:link]"><IMG class="attachment-small" title="[content:title]" alt="[content:title]" src="[content:pic]" /></DIV>
<DIV class=newprod_name><A class="product_name" title="[content:title]" href="[content:link]">[content:title len=10]</A></DIV>
<DIV class=newprod_price>价格:[content:P_Price]¥</DIV>
<DIV class=newprod_intr>分类: [content:sortname]</DIV>
<DIV class=blankbar1></DIV></DIV>
<DIV class=list_more>
</TD>
{/aspcms:content}
</TR>
</TBODY></TABLE>
</DIV></DIV>
怎么实行多横图片显示?? 展开
展开全部
做这种效果,建议别用TABLE了,,
直接用DIV,样式控制就可以做到了,不用做别的判断。。
一个粟子:
下面要两个一横排,满两个自动换行。
<style>
.a{width:300px;height:auto;}
.b{width:150px;height:150px;float:left;}
</style>
<div class="a">
<div class="b">1</div>
<div class="b">2</div>
<div class="b">3</div>
<div class="b">4</div>
</div>
这样,在div.a里面的div.b就会自动换行了,因为div.b是150px一个,超过300px后,就会自动换行了,因为它们都是向左浮动的。
直接用DIV,样式控制就可以做到了,不用做别的判断。。
一个粟子:
下面要两个一横排,满两个自动换行。
<style>
.a{width:300px;height:auto;}
.b{width:150px;height:150px;float:left;}
</style>
<div class="a">
<div class="b">1</div>
<div class="b">2</div>
<div class="b">3</div>
<div class="b">4</div>
</div>
这样,在div.a里面的div.b就会自动换行了,因为div.b是150px一个,超过300px后,就会自动换行了,因为它们都是向左浮动的。
追问
你这好是好。可引用不上数据库
追答
怎么会用不上数据库呢,
这是一个粟子,你把标签放进去就行了。。。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询