KingCMS标签调用图片实现排几行排几列（可做产品图片列表）
KingCMS标签调用图片实现排几行排几列（可做产品图片列表）(会自动换行的)
需要用到的CSS样式：
#KingCMS {display:table;margin:0px;padding:0px;list-style-type:none;width:100%;}
#KingCMS ul {
display:block;
float:left;
width:23%;
padding-bottom:3px;
margin-left: 5px;
margin-top: 4px;
text-align: center;
}
把上面这段代码直接复制到style.css那个CSS文件里或自己新建另一个style1.css文件里粘好保存起，在网页里 <head>的上面插入<link href="images/style.css" rel="stylesheet" type="text/css" />引用这个CSS.或你自己做的那个CSS。
宽度width:23%，如果修改这个为10%,原则上可以一行排10个图片产品,如果修改这个为20%,原则上可以排5个图片产品，然后在网页里的自己想弄的位置直接插入如下代码,它就会去调用文章列表里发的文章标题与文章图片了。
<div id="KingCMS">
{king:article number="12" type="new"}<ul>
<a href="(king:path/)" title="(king:title/)"><IMG
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; margin-top: 5px;"
height=90 src="(king:image/)" width=120
border=1></A><BR>
<SPAN style="LINE-HEIGHT: 225%"><a href="(king:path/)" title="(king:title/)">(king:title/)</a> </SPAN>
</ul> {/king}
{king:article number="12" type="new"}<ul>---------这里的12是可以控 制显示多少个图片出来,比如一行排6个,那这12就说明可以排产品为2行了。
height=90 src="(king:image/)" width=120 ---------这里的数字可以控制图片的高宽值
原创文章如转载，请注明：转载自常州SEO-网站推广优化-iitding
原文地址：http://www.dingseo.com.cn/post/kingcms-productsphotolist.html