一站式專業互聯網基礎服務提供商
當前位置: 解決方案 > >使用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-2025 seo120.com.cn. 上海銀象網絡科技有限公司 版權所有 滬ICP備08025193號-2

IPv6示范網站 可信網站 誠信網站
99综合99