物流公司怎么做网站,网站后台改不了设置,wordpress模板淘宝客模板下载,外贸累网站这里实现的是#xff0c;如下图片所示的效果#xff1a; 当然#xff0c;当你看的下图的时候#xff0c;请不要自己想当然的认为是简单的html布局#xff01;#xff01;#xff01; #xff08;1#xff09;业务说明#xff1a;图片地址是数据库里存的#xff0c;图… 这里实现的是如下图片所示的效果 当然当你看的下图的时候请不要自己想当然的认为是简单的html布局 1业务说明图片地址是数据库里存的图片是服务器上的。所遇到的问题是怎么样它显示每行4张图片不够4张的也可以正常的显示出来。 2实现代码解释 当然实现是用table实现的表格和图片美化这里就不说了。可以直接看if语句里面的。当得到list数据的时候需要求得总条数和余数 这里是每行4条数据所以对4取余数如果你要对几取余就需要把4换成你要取的数了当然还有t的值。 1 div classpanel-body2 table classtable3 { 4 var result ViewBag.Allimg;5 6 IQueryablestring strImgs result as IQueryablestring;7 8 if (strImgs ! null)9 {
10 Liststring strs strImgs.ToList(); 11 //得到条数 12 int countstrs.Count; 13 //得到余数 14 int yucount%4; 15 //得到整数部分 16 int tiao count - yu; 17 18 //循环开始外部循环为行数据;内部循环为列数据这里共4列 19 for (int i 0; i count; ) 20 { 21 //加的条数 22 int t 4; 23 if (yu 0 i tiao) 24 { t yu; } 25 tr 26 for (int j 0; j t; j) 27 { 28 tdimg srcUrl.Content(~/images/ strs[i j] ) classimg-rounded stylewidth:250px;height:250px; alt第 (ij) 条//td 29 } 30 /tr 31 //最后一次循环加余数保证index正常 32 if (i tiao) 33 { i yu; } 34 else 35 { i 4;} 36 } 37 38 } 39 } 40 trtd colspan4没有图片了/td/tr 41 /table 42 43 44 /div 总结如果自己不思考就等于行尸走肉 交流QQ:1406046087转载于:https://www.cnblogs.com/LABELNET/p/4384717.html
