問題：在網(wǎng)站首頁模板中，修改“圖片更新”處的圖片標(biāo)簽：

{PE.Label id="帶圖片內(nèi)容列表_圖片_普通式" 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>解決：這是因?yàn)樵贑SS定義中強(qiáng)制定義了圖片的寬度定義。

　　您查看首頁的網(wǎng)頁源文件，可以看到下述代碼：

<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定義：

/* --整站普通圖片列表標(biāo)簽-- */
/* 定義縮略圖外框大小，控制隱藏超出的圖片內(nèi)容 */
.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，因此改標(biāo)簽參數(shù)是不能實(shí)現(xiàn)的。

　　解決方法：可以刪除或更改這里的“width: 160px;”定義，直接由標(biāo)簽來控制。

　　注重：上面<div class="pe_u_thumb">的作用是定義縮略圖外框大小，控制隱藏超出的圖片內(nèi)容，即不管圖片有多高，都會(huì)按CSS定義中的比例進(jìn)行等比綻放顯示固定尺寸的。具體請參閱我們提供的PDF“用戶手冊”中模板方案治理章節(jié)中的“非凡CSS定義說明”中的說明。

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板

縮略圖按比例縮放的定義： 　　利用對縮略圖外框和其包含圖片的定義，以實(shí)現(xiàn)縮略圖按比例縮放。在以下定義中，先定義縮略圖外框（pe_u_thumb）的高度為120像素，并定義超出高度即隱藏內(nèi)容（overflow: hidden;）。再定義縮略圖外框和其包含圖片（pe_u_thumb img）的寬度為160像素，不定義圖片的高度（即以寬度為準(zhǔn)按比例縮放）。 /* 定義縮略圖外框大小，控制隱藏超出的圖片內(nèi)容 */ .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; } 　　這樣，縮略圖外框內(nèi)的圖片會(huì)以定義寬160 px按比例縮放，假如超過縮略圖外框定義的高度，則不顯示超出部分的圖片。這個(gè)方法一是可以統(tǒng)一整體縮略圖外框的尺寸，同時(shí)縮略圖能按比縮放不變形。

<ul id="0wyuq"></ul>