### [怎么控制dedecms列表页缩略图大小](https://www.prosaas.cn/article/8550)

**Published:** 2019-12-11T01:45:32

**Author:** 5201314

**Excerpt:** 怎么控制dedecms列表页缩略图大小？有时候我们在制作缩略图的时候，需要考虑到缩略图大小问题，这里简单分享下…

**![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212131317641.jpg)**

**怎么控制dedecms列表页缩略图大小？**

有时候我们在制作缩略图的时候，需要考虑到缩略图大小问题，这里简单分享下，方便需要的朋友

推荐学习：织梦cms

dede列表页缩略图大小控制的方法,列表开始

代码如下:

{dede:list pagesize='10'} ----调用的条数10条---
<li> 
\[field:array runphp='yes'\]@me = (empty(@me\['litpic'\]) ? "" : "<a <a href="mailto:href='{@me\['arcurl'\]}'">href='{@me\['arcurl'\]}'</a> class='preview'><img <a href="mailto:src='{@me\['litpic'\]}'/></a">src='{@me\['litpic'\]}'/></a</a>>"); 
\[/field:array\] ---这里控制的是缩略图----如果要控制图片的高度需要修改： <img <a href="mailto:src='{@me\['litpic'\]}'">src='{@me\['litpic'\]}'</a> 这里现在的是宽度：
img <a href="mailto:src='{@me\['litpic'\]}'">src='{@me\['litpic'\]}'</a> iwidth='300' height='370' 这里控制了宽度的大小，以及高度
--------------------------------------
\[<b>\[field:typelink/\]</b>\] ----这里控制的是栏目----
<a href="\[field:arcurl/\]" class="title">\[field:title/\]</a> ---这里控制的是标题，标题链接----
<span class="info"> -----这里控制的是描述
<small>日期：</small>\[field:pubdate function="GetDateTimeMK(@me)"/\] <small>点击：</small>\[field:click/\] <small>好评：</small>\[field:scores/\] </span>
<p class="intro"> \[field:description/\]... </p> ----描述-----
</li>
{/dede:list}

如果要控制图片的高度需要修改：

方法1：

这个模板的图片大小控制是由CSS控制的

要修改CSS

右边图片区域修改

templets/style/picture.css文件
.pbox 样式

如图片大小

.pbox dl dt{
width:188px;
height:132px;
display:block;
overflow:hidden;
}
.pbox dl dt a img{
display:block;
width:expression(this.width > this.height && this.width >176 ? 176 : true);
height:expression(this.height > this.width && this.height > 132? 132 : true);
max-width:176px;
max-height:132px;
margin:0px auto 0px;
}

方法2：

{dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}

方法3:

把调用代码中标签\[field:imglink/\]换成

<a href='\[field:arcurl /\]' target="\_blank"><img src='\[field:picname /\]' border='0' width='' height=''></a>

以上就是怎么控制dedecms列表页缩略图大小的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** DEDECMS

---