一站式专业互联网基础服务提供商
当前位置: 解决方案 > >使用dedecms系统产品列表自动换行解决方法

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

作者: 未知 文章来源: 未知 更新时间: 2013-11-14 微信 新浪微博 QQ空间
很多站长朋友在使用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> 



上海银象网络科技有限公司提供整理
返回列表

相关推荐

银象网络 您身边的一站式网络营销服务商400-181-2008189 1803 9750

联系方式

扫描上方二维码
了解更多详情

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

IPv6示范网站 可信网站 诚信网站