国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > CMS > 織夢DEDE > 正文

dede織夢縮略圖中讓圖片根據瀏覽器的大小

2024-07-12 09:10:35
字體：大 中 小
來源：轉載
供稿：網友
在dede織夢不同的瀏覽器中看網頁，可能會有很大的圖片出現，這樣就會因為瀏覽器的大小而讓出現大小不一的圖片，在后臺設計圖片的時候就可以把所有的圖片都放置在一個.pic中，然后設置.pic的大小就可以了。
就像是html中的這樣的代碼：
<li><a class="pic"><img src="/images/91.jpg" /></a></li>
這樣就可以控制.pic的大小了，在css中設置對.pic的控制：
a.pic {width:160px; height:120px; border:1px solid #E2E2E2; background:#F6F6F6; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center; *display:block; *font-size:105px; *font-family:Arial;}
a.pic img {max-width:160px; max-height:120px;  vertical-align:middle;}
這樣就可以不會出現因為瀏覽器的大小而出現圖片變形的問題，還可以通過max-width:160px;max-height:120px;vertical-align:middle;來調節縮略圖的比例，如果想要改變，只要更改其中的數值就可以了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 洪江市| 渝中区| 连山| 大埔区| 子长县| 长阳| 高要市| 五指山市| 虞城县| 定安县| 峨眉山市| 武邑县| 芒康县| 新津县| 花垣县| 永嘉县| 维西| 蓝山县| 永平县| 晋江市| 资阳市| 海伦市| 贵阳市| 阳东县| 宜君县| 峨山| 青海省| 青龙| 霍山县| 仙游县| 潢川县| 乌拉特前旗| 朔州市| 太白县| 安庆市| 绥江县| 龙门县| 绥阳县| 云安县| 兴义市| 郑州市|