{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定義說明”中的說明。