您的位置:网站优化 > 解决方案 > 使用dedecms系统产品列表自动换行解决方法

使用dedecms系统产品列表自动换行解决方法

发布时间:2013-11-14 17:49:01
很多站长朋友在使用dedecms系统仿站时候经常碰到产品列表页面的图片不能自动换行,上海网站优化公司特此推荐大家一种产品列表页面自动换行的方式,敬请参考:

具体代码如下:

把以下放入<head> </head> 之间

<style type="text/css">

<!--
#products ul li {
        list-style-image: none;
        list-style-type: none;
}
-->
</style> 

 

把以下放入产品展示区域

    <div id="products" style="width:770px; height:420px;">
 {dede:list pagesize='8'}
   <div style="width:160px; height:200px; float:left;">
     <ul>
        <li><a href="[field:arcurl/]" target="_blank">
         <img src="[field:litpic/]" width="160" height="160" border="0" alt="[field:title/]"/></a></li>
                <li style="text-align:center"><a href="[field:arcurl/]" target="_blank">[field:title/]</a></li>
         </ul>  
   </div>
{/dede:list}
</div> 



上海银象网络科技有限公司提供整理
Copyright © 2008-2016 seo120.com.cn. 上海银象网络科技有限公司 版权所有 沪ICP备08025193号