{PE.Label id="帶圖片內容列表_圖片_普通式" parentid="2" arrnodeid="0" includechild="true" specialid="0" shownum="2" ishot="false" iselite="false" datenum="0" ordertype="1" imgimgtitlelen="20" contentlen="0" showtips="false" urltype="0" hits="0" elitelevel="1" span="" class="" /}
在這里若將圖片尺寸imgimgimgalign=center>
解決：這是因為在CSS定義中強制定義了圖片的寬度定義。
您查看首頁的網頁源文件，可以看到下述代碼：
<div class="pe_u_thumb"><a href="/Item/3.aspx"><img class="pic2" src="/UploadFiles/Photo/2008/4/2008041812361568970_S.jpg" border="0" /></a></div>
在/Skin/Default/default.css中，您可以查找“.pe_u_thumb”的CSS定義：
/* --整站普通圖片列表標簽-- */
/* 定義縮略圖外框大小，控制隱藏超出的圖片內容 */
.pe_u_thumb, .p_thumb_l_pic
{
height: 120px;
overflow: hidden;
text-align: center;
border: 1px solid #ccc;
}
/* 定義縮略圖寬度，按比例縮放 */
.pe_u_thumb, .pe_u_thumb img
{
width: 160px;
}
這里定義了.pe_u_thumb里面所包含的圖片（即.pe_u_thumb img）為寬160px，因此改標簽參數是不能實現的。
解決方法：可以刪除或更改這里的“width: 160px;”定義，直接由標簽來控制。
注重：上面<div class="pe_u_thumb">的作用是定義縮略圖外框大小，控制隱藏超出的圖片內容，即不管圖片有多高，都會按CSS定義中的比例進行等比綻放顯示固定尺寸的。具體請參閱我們提供的PDF“用戶手冊”中模板方案治理章節中的“非凡CSS定義說明”中的說明。
| 縮略圖按比例縮放的定義： 利用對縮略圖外框和其包含圖片的定義，以實現縮略圖按比例縮放。在以下定義中，先定義縮略圖外框（pe_u_thumb）的高度為120像素，并定義超出高度即隱藏內容（overflow: hidden;）。再定義縮略圖外框和其包含圖片（pe_u_thumb img）的寬度為160像素，不定義圖片的高度（即以寬度為準按比例縮放）。 /* 定義縮略圖外框大小，控制隱藏超出的圖片內容 */ .pe_u_thumb, .p_thumb_l_pic { height: 120px; overflow: hidden; text-align: center; border: 1px solid #ccc; } /* 定義縮略圖寬度，按比例縮放 */ .pe_u_thumb, .pe_u_thumb img { width: 160px; } 這樣，縮略圖外框內的圖片會以定義寬160 px按比例縮放，假如超過縮略圖外框定義的高度，則不顯示超出部分的圖片。這個方法一是可以統一整體縮略圖外框的尺寸，同時縮略圖能按比縮放不變形。 |
